<template>
<CommonContainer>
<CommonBackViewUvue v-bind:title="title" v-bind:src="backSrc"></CommonBackViewUvue>
<uni-list>
<uni-list-item title="列表左侧带略缩图" note="列表描述信息"
thumb="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" thumb-size="lg"
rightText="右侧文字"></uni-list-item>
<uni-list-item :show-extra-icon="true" :extra-icon="extraIcon1" title="列表左侧带扩展图标"></uni-list-item>
</uni-list>
</CommonContainer>
</template>
<script>
import CommonBackViewUvue from '../../components/CommonBackView.uvue';
type Item = {
algorithmTitle : string,
reginTitle : string,
sameTitle : string,
channelTitle : string,
channelOneText : string,
channelTwoText : string,
channelThreeText : string,
channelFourText : string,
snapImage : string,
snapBtnText : string,
samePercentageOne : string,
samePercentageTwo : string,
samePercentageThree : string,
samePercentageFour : string,
btnConfirmText : string
}
export default {
components: {
CommonBackViewUvue
},
data() {
return {
title: "抓拍设置",
backSrc: '/static/icon_back.png',
listData: [{
algorithmTitle: "算法使能",
reginTitle: "区域设置",
sameTitle: '识别相似度',
channelTitle: "通道1",
channelOneText: "1",
channelTwoText: "2",
channelThreeText: "3",
channelFourText: "4",
snapImage: "",
snapBtnText: "抓拍",
samePercentageOne: "20%",
samePercentageTwo: "20%",
samePercentageThree: "20%",
samePercentageFour: "20%",
btnConfirmText: "确定"
},
{
algorithmTitle: "算法使能",
reginTitle: "区域设置",
sameTitle: '识别相似度',
channelTitle: "通道2",
channelOneText: "1",
channelTwoText: "2",
channelThreeText: "3",
channelFourText: "4",
snapImage: "",
snapBtnText: "抓拍",
samePercentageOne: "20%",
samePercentageTwo: "20%",
samePercentageThree: "20%",
samePercentageFour: "20%",
btnConfirmText: "确定"
},
{
algorithmTitle: "算法使能",
reginTitle: "区域设置",
sameTitle: '识别相似度',
channelTitle: "通道3",
channelOneText: "1",
channelTwoText: "2",
channelThreeText: "3",
channelFourText: "4",
snapImage: "",
snapBtnText: "抓拍",
samePercentageOne: "20%",
samePercentageTwo: "20%",
samePercentageThree: "20%",
samePercentageFour: "20%",
btnConfirmText: "确定"
},
{
algorithmTitle: "算法使能",
reginTitle: "区域设置",
sameTitle: '识别相似度',
channelTitle: "通道4",
channelOneText: "1",
channelTwoText: "2",
channelThreeText: "3",
channelFourText: "4",
snapImage: "",
snapBtnText: "抓拍",
samePercentageOne: "20%",
samePercentageTwo: "20%",
samePercentageThree: "20%",
samePercentageFour: "20%",
btnConfirmText: "确定"
}
] as Item[]
}
},
methods: {
}
}
</script>
<style>
</style>
1 个回复
DCloud_UNI_JBB
目前只有部分uni-ui组件支持了uniapp-x,如果有些组件报错了,你可以先尝试自己修改下,或者插件市场里寻找那些支持 uniapp-x的组件库。