uniapp ulistmedia自定义组件 创建

第一步：
第二步：
复制以下代码：
“uListMedia”: {
“body”: [
“<view class=“uni-list”>”,
“\t<view class=“uni-list-cell” hover-class=“uni-list-cell-hover” v-for=”(item,index) in list" :key=“index”>",
“\t\t<view class=“uni-media-list”>”,
“\t\t\t<image class=“uni-media-list-logo” :src=“item.img”>”,
“\t\t\t<view class=“uni-media-list-body”>”,
“\t\t\t\t<view class=“uni-media-list-text-top”>{{item.title}}”,
“\t\t\t\t<view class=“uni-media-list-text-bottom uni-ellipsis”>{{item.content}}”,
“\t\t\t”,
“\t\t”,
“\t”,
“”
],
“prefix”: “ulistmedia”,
“project”: “uni-app”,
“scope”: “source.vue.html”
}

粘贴放入 自定义代码块 保存

第三步：在项目app.vue 中加载 @import ‘./common/uni.css’; uniapp通用 css文件 这个css文件来自于 hbuilderx 种hello-uni 项目模板

以上，自定义组件ulistmedia 就可以使用啦