改造null
This commit is contained in:
5
Yi.Vue3.x.Vant/src/view/shop/shopDetails.vue
Normal file
5
Yi.Vue3.x.Vant/src/view/shop/shopDetails.vue
Normal file
@@ -0,0 +1,5 @@
|
||||
<template>
|
||||
这里是商品详情页
|
||||
<br>
|
||||
<router-link to="/shopIndex">返回商品首页</router-link>
|
||||
</template>
|
||||
23
Yi.Vue3.x.Vant/src/view/shop/shopIndex.vue
Normal file
23
Yi.Vue3.x.Vant/src/view/shop/shopIndex.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
这里是商城主页
|
||||
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" lazy-render>
|
||||
<van-swipe-item>1</van-swipe-item>
|
||||
<van-swipe-item>2</van-swipe-item>
|
||||
<van-swipe-item>3</van-swipe-item>
|
||||
<van-swipe-item>4</van-swipe-item>
|
||||
</van-swipe>
|
||||
<van-grid :column-num="4">
|
||||
<van-grid-item v-for="value in 8" :key="value" icon="photo-o" text="文字" />
|
||||
</van-grid>
|
||||
<router-link to="/shopSearch">点击前往搜索</router-link>
|
||||
<br>
|
||||
</template>
|
||||
<style>
|
||||
.my-swipe .van-swipe-item {
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
line-height: 150px;
|
||||
text-align: center;
|
||||
background-color: #39a9ed;
|
||||
}
|
||||
</style>
|
||||
7
Yi.Vue3.x.Vant/src/view/shop/shopSearch.vue
Normal file
7
Yi.Vue3.x.Vant/src/view/shop/shopSearch.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
这里是商品搜索页
|
||||
<br>
|
||||
<router-link to="/shopDetails">点击进入商品详情</router-link>
|
||||
<br>
|
||||
<router-link to="/shopIndex">返回商品首页</router-link>
|
||||
</template>
|
||||
Reference in New Issue
Block a user