最近写了一个小程序用的是 uni-app
来写的最近看着挺火,朋友也推荐就试着用了这个,uni-app
借鉴并整合了 Vue.js
和 mpvue
等开源框架总结了一些遇到的坑写下来。
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> 用于嵌套判断或者是循环
|