uni-app组件基本使用

text 组件相当于行内标签、在同一行显示，类似于span
要变成块级元素在下一行显示，裹一层组件即可。

在使用view组件时，大盒子套小盒子的时候，明显会触发冒泡事件，解决方法：

hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态

这样点击小盒子，样式切换，大盒子也不会跟着切换了。

button 组件默认独占一行，设置 size 为 mini 时可以在一行显示多个

<button size='mini' type='primary'>前端</button>

primary在不同端会有相应的自动样式显示

<image> 组件默认宽度 300px、高度 225px

uni-app中的样式

• rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。
  同样适用于view和字体：
  

• 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束

• 支持基本常用的选择器class、id、element等

• 在 uni-app 中不能使用 * 选择器。

• page 相当于 body 节点

• 定义在 App.vue 中的样式为全局样式，作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 App.vue 中相同的选择器。

• uni-app 支持使用字体图标，
  再正式写一次,防健忘：
  首先引入这些样式：
  
  
  在App.vue中引用，报错
  
  字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。
  like this:
  

成功：

这样就可以在任意页面使用图标了，like this:

如何使用scss或者less：