uniapp ulistmedia自定义组件创建

原创于 2021-03-09 18:51:26 发布 · 934 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍如何在uni-app项目中创建并使用自定义组件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”
}