0
点赞
收藏
分享

微信扫一扫

循环功能的实现

七公子706 2022-04-25 阅读 55

<template>
	<view class="container">
		<view class="opt-list">
			<view class="box">
				<view @click='chioesThis(fontIndex)' v-for="(fontItem,fontIndex) in fontList" :key='fontIndex'
				 class="opt-item">
					<view class="name">
						{{fontItem.name}}
					</view>
					<image v-if="isShow === fontIndex" src="@/static/icon/gou.png"></image>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow:0,
				fontList: [{
						name: '标准字体'
					}, {
						name: '大号字体'
					},
					{
						name: '特大号字体'
					}
				]
			}
		},
		methods: {
			font() {
				uni.navigateTo({
					url: '../fontSize/fontSize'
				})
			},
			chioesThis(index, isShow) {
				this.isShow = this.isShow == index ? -1 : index
			}
		}
	}
</script>

<view class="top" v-for="(item,indext)in dataItem" key:item>
<view  v-if='item.title'>
{{item.title}}
</viem>
<view v-if='item.name'>
{{item.name}}
</viem>
</viem>
<script>
	export default {
		data() {
			return {
				datelist{
title:标题,
name:名字,
}
		},

举报

相关推荐

0 条评论