程序亦非猿

uni-app小小总结

2018/06/30 Share

最近写了一个小程序用的是 uni-app 来写的最近看着挺火,朋友也推荐就试着用了这个,uni-app 借鉴并整合了 Vue.jsmpvue 等开源框架总结了一些遇到的坑写下来。

v-bind:style 之 background-image 的写法:
1
<view :style="{backgroundImage: 'url('+ item.img + ')'}"></view>
v-bind:class 之 样式判断的写法
1
2
3
4
5
6
7
8
<view :class="['item' + index, 
'flex', 'column', 'hc',
index%2===0?'br':'',
index === service.list.length-1 || index === service.list.length-2?'':'bb']"
v-for="(item, index) in ..."
>
</view>
index 是 v-for 的索引
block 标签
1
2
3
4
<block v-if="item">
<view>{{item.message}}</view>
</block>
用于嵌套判断或者是循环
CATALOG
  1. 1. v-bind:style 之 background-image 的写法:
  2. 2. v-bind:class 之 样式判断的写法
  3. 3. block 标签