apk 一文带你使用Vue完成移动端项目( 三 ) _Vue

<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="otherPhone">
<ul>
<li
v-for="item in otherPhone"
:key="item.id"
@click="detailshop(item.id)"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"item.shop_img" />
<p>
{{ item.shop_title }}
</p>
</li>
</ul>
</div>
</van-tab>
<van-tab title="运动">
<van-grid :column-num="5">
<van-grid-item
v-for="value in motionimg"
:key="value.id"
icon="photo-o"
text="文字"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"value.src" style="width: 50px; height: 30px" />
<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="othermotion">
<ul>
<li
v-for="item in othermotion"
:key="item.id"
@click="detailshop(item.id)"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"item.shop_img" />
<p>
{{ item.shop_title }}
</p>
</li>
</ul>
</div>
</van-tab>
<van-tab title="美妆">
<van-grid :column-num="5">
<van-grid-item
v-for="value in Makeupimg"
:key="value.id"
icon="photo-o"
text="文字"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"value.src" style="width: 50px; height: 30px" />
<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="otherMakeup">
<ul>
<li
@click="detailshop(item.id)"
v-for="item in otherMakeup"
:key="item.id"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"item.shop_img" />
<p>
{{ item.shop_title }}
</p>
</li>
</ul>
</div>
</van-tab>
<van-tab title="男鞋">
<van-grid :column-num="5">
<van-grid-item
v-for="value in Menshopimg"
:key="value.id"
icon="photo-o"
text="文字"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"value.src" style="width: 50px; height: 30px" />
<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="otherMenshop">
<ul>
<li
@click="detailshop(item.id)"
v-for="item in otherMenshop"
:key="item.id"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"item.shop_img" />
<p>
{{ item.shop_title }}
</p>
</li>
</ul>
</div>
</van-tab>
<van-tab title="女鞋">
<van-grid :column-num="5">
<van-grid-item
v-for="value in WoMenshopimg"
:key="value.id"
icon="photo-o"
text="文字"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"value.src" style="width: 50px; height: 30px" />
<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="otherWoMenshop">
<ul>
<li
v-for="item in otherWoMenshop"
:key="item.id"
@click="detailshop(item.id)"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"item.shop_img" />
<p>
{{ item.shop_title }}
</p>
</li>
</ul>
</div>
</van-tab>
<van-tab title="家具家居">
<van-grid :column-num="5">
<van-grid-item
v-for="value in FurnishingImg"
:key="value.id"
icon="photo-o"
text="文字"
>
<img :src=https://www.isolves.com/it/cxkf/bk/2021-06-16/"value.src" style="width: 50px; height: 30px" />
<span style="font-size: 12px">{{ value.title }}</span>
</van-grid-item>
</van-grid>
<div class="otherFurnishing">

apk 一文带你使用Vue完成移动端项目( 三 )

推荐阅读

尖椒炒茄子丝尖椒炒茄子丝

七不三要预防学生溺水

红瘦肉的做法

关于婚姻的十条冷知识--婚姻比我们想象的更残酷

大连突降暴雨致积水严重累计转移近8000人

字条|杭州姑娘出租屋内惊现“温馨”字条，看完监控头皮发麻......

峨眉山景区|强降雨结束峨眉山景区恢复售票

近视眼两只眼睛都能分别看清，但是两只眼睛一起看就看不清，为啥

「医院」【你有多美】四川第一批138人援助湖北医疗救援队出发

鲜白茅根的功效和禁忌是什么

温州工商银行支行查询温州工商银行

看似简单的「青霉素」皮试，这些知识你未必清楚

「步步高vivo」出门不用带镜子真机欣赏：vivo X30系列alexanderwang联名限定版

小勇看世界|想低调处理，为何大半个娱乐圈明星都来了，曾志伟老婆朱锡珍去世

马斯克撞过的南墙，李斌为何还要死磕？

西安|充满仪式感,西安一小学重现古代入泮礼,重现古代开学典可以弘扬传统文化

果莓妈妈|宝妈深感疲惫，婆婆却说是爱妈妈的表现，儿子睡觉时需要摸着妈妈

文史星空|二郎神是八九玄功，悟空究竟不如在哪里？，孙悟空有72变

宸妤说娱乐那快递驿站靠什么挣钱？老板：一天500没问题，取快递是免费的

暴雪|暴雪发布新招聘信息曝光疑似正在开发新《魔兽》手游