|
|
|
@ -5,10 +5,11 @@ |
|
|
|
|
|
|
|
<!-- 搜索栏 --> |
|
|
|
<view class="search"> |
|
|
|
<image src="/static/image/中森明菜.webp" mode="aspectFill" class="search-img"></image> |
|
|
|
<image src="/static/image/logo.png" mode="aspectFill" class="search-img"></image> |
|
|
|
<view style="position: relative;"> |
|
|
|
<uv-search placeholder="陕西苹果" bgColor="#fff" @search="search" @change="search" @custom="search" |
|
|
|
v-model="queryParams.title" height="70rpx" :showAction="false" actionText=" "></uv-search> |
|
|
|
:searchIconSize="40" v-model="queryParams.title" height="75rpx" :showAction="false" |
|
|
|
actionText=" "></uv-search> |
|
|
|
<text class="search-text" @click="search">搜索</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -21,63 +22,39 @@ |
|
|
|
<!-- 分类商品列表 --> |
|
|
|
<view class="category" v-else> |
|
|
|
|
|
|
|
<!-- 这是顶部的内容 --> |
|
|
|
<!-- <view class="tabs"> |
|
|
|
<uv-tabs :list="category" :activeStyle="{color : '#f00', fontWeight : 600}" lineColor="#f00" |
|
|
|
:inactiveStyle="{color: 'rgba(0,0,0,.8)'}" lineHeight="8rpx" lineWidth="50rpx" :current="current" |
|
|
|
<uv-tabs :list="category" :activeStyle="{ color: '#f00', fontWeight: 600 }" lineColor="#f00" |
|
|
|
:inactiveStyle="{ color: 'rgba(0,0,0,.8)' }" lineHeight="8rpx" lineWidth="50rpx" :current="current" |
|
|
|
@click="clickTabs"></uv-tabs> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- 原来的选择框 --> |
|
|
|
<!-- <uv-vtabs :list="category[current].children" :current="currentChildren" keyName="name" :chain="false" |
|
|
|
@change="change"> --> |
|
|
|
<!-- 可有可无 --> |
|
|
|
<!-- <view class="list"> |
|
|
|
<template v-for="(item, index) in category[current].children"> |
|
|
|
<uv-vtabs-item :index="index" :key="index"> |
|
|
|
<view class="category-item"> |
|
|
|
<view class="category-title"> |
|
|
|
{{ item.name }} |
|
|
|
</view> |
|
|
|
|
|
|
|
<productItem :item="pro" |
|
|
|
v-for="(pro, i) in item.shopList" :key="i" |
|
|
|
@click="$utils.navigateTo(`/pages_order/product/productDetail?id=${pro.id}`)" /> |
|
|
|
</view> |
|
|
|
</uv-vtabs-item> |
|
|
|
</template> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- <uv-vtabs-item> |
|
|
|
<uv-vtabs :list="category[2].children" :barStyle="{ |
|
|
|
boxShadow: '0 0 18rpx 0rpx rgba(0, 0, 0, 0.1)', |
|
|
|
fontWeight: '600', |
|
|
|
textAlign: 'center', |
|
|
|
backgroundColor: '#F5F5F5', |
|
|
|
|
|
|
|
}" :barItemStyle="{ |
|
|
|
color: 'black' |
|
|
|
}" :barItemActiveLineStyle="{ |
|
|
|
height: '35%', |
|
|
|
top: '32.5%', |
|
|
|
bottom: 'auto', |
|
|
|
left: '2%', |
|
|
|
borderRadius: '4rpx', |
|
|
|
width: '8rpx' |
|
|
|
}" :current="currentChildren" keyName="name" :chain="false" @change="change"> |
|
|
|
|
|
|
|
<uv-vtabs-item> |
|
|
|
<view class="category-item"> |
|
|
|
<productItem :item="pro" v-for="(pro, i) in categoryList.shopList" :key="i" |
|
|
|
@click="$utils.navigateTo(`/pages_order/product/productDetail?id=${pro.id}`)" /> |
|
|
|
@click="navigateToDetail(pro.id)" /> |
|
|
|
|
|
|
|
<uv-empty v-if="categoryList.shopList.length == 0" text="还没有呢" /> |
|
|
|
</view> |
|
|
|
</uv-vtabs-item> |
|
|
|
</uv-vtabs> --> |
|
|
|
<view class="content"> |
|
|
|
<uv-vtabs :chain="chain" :list="list" :barItemBadgeStyle="{ right: '20rpx', top: '12rpx' }" |
|
|
|
barStyle="box-shadow: 0 0 6rpx 6rpx rgba(0, 0, 0, 0.1);" @change="tabChange" height="1100rpx"> |
|
|
|
<uv-vtabs-item> |
|
|
|
<view class="item" v-for="(item2, index2) in list2" :key="index2"> |
|
|
|
<view class="item-title"> |
|
|
|
<text class="text">{{ item2.name }}</text> |
|
|
|
</view> |
|
|
|
<view class="item-content"> |
|
|
|
<text class="text">{{ item2.desc }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</uv-vtabs-item> |
|
|
|
<!-- try --> |
|
|
|
<view class="category-item"> |
|
|
|
<productItem :item="item2" v-for="(item2, i) in list2" :key="i" |
|
|
|
@click="$utils.navigateTo(`/pages_order/product/productDetail?id=${item2.id}`)" /> |
|
|
|
|
|
|
|
<uv-empty v-if="list2.length == 0" text="还没有呢" /> |
|
|
|
</view> |
|
|
|
</uv-vtabs> |
|
|
|
</view> |
|
|
|
</uv-vtabs> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- tabbar --> |
|
|
|
@ -86,288 +63,240 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
const getList = [{ |
|
|
|
name: 'uv-ui简介', |
|
|
|
childrens: [{ |
|
|
|
// name: 'uv-ui简介', |
|
|
|
desc: '1. uv-ui最初是在uview2.x的基础上进行改进优化，支持vue3等优化，最重要的是支持单独导入直接使用，无需在main.js中进行配置。\n\n2. uv-ui来源于社区，也回归到社区，正是有一群热爱uni-app生态的同学推着它前行，而我们也一如既往的承诺，uv-ui永久开源，永远免费。但是会在下载处进行广告配置，作为开发团队的研发费用的部分来源，所以希望大家理解。' |
|
|
|
}] |
|
|
|
}, { |
|
|
|
name: 'uv-ui特点', |
|
|
|
childrens: [{ |
|
|
|
name: '全端兼容', |
|
|
|
desc: 'uv-ui支持App（vue）、App（nvue）、H5、小程序、VUE2、VUE3，支持nvue原生渲染。uv-ui的组件都是多端自适应的，底层会抹平很多小程序平台的差异或bug。' |
|
|
|
}, { |
|
|
|
name: '集成工具', |
|
|
|
desc: 'uv-ui中的uv-ui-tools组件集成了强大的网络请求 HTTP 及常用的工具函数，无需自己再去寻找，并且直接挂载在uni上面，方便使用，只需要在mian.js中引入即可，更多工具请参考：https://www.uvui.cn/js/http.html。使用方式请参考：https://www.uvui.cn/components/setting.html。' |
|
|
|
}, { |
|
|
|
name: '主题扩展', |
|
|
|
desc: 'uv-ui中的uv-ui-tools组件下面的theme.scss为主题文件，直接在uni.scss中引入主题即可，可以根据自己的需求进行扩展。下面也有说明具体使用方式。使用方法请参考：https://www.uvui.cn/components/setting.html' |
|
|
|
}] |
|
|
|
}, { |
|
|
|
name: '更新日志', |
|
|
|
badge: { |
|
|
|
isDot: true |
|
|
|
import productItem from '@/components/product/productItem.vue'; |
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
|
import { |
|
|
|
mapState |
|
|
|
} from 'vuex' |
|
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
|
import productList from '@/components/user/productList.vue' |
|
|
|
export default { |
|
|
|
mixins: [mixinsList], |
|
|
|
components: { |
|
|
|
productItem, |
|
|
|
tabber, |
|
|
|
productList, |
|
|
|
}, |
|
|
|
childrens: [{ |
|
|
|
name: '更新日志', |
|
|
|
desc: 'uv-ui的重大更新在更新日志中都有所说明，如果在开发的过程中遇到文档不完善，可以提供给我们，我们会持续完善，非常感谢大家的支持。更新日志：https://www.uvui.cn/components/changelog.html' |
|
|
|
}] |
|
|
|
}, { |
|
|
|
name: '设计规范', |
|
|
|
childrens: [{ |
|
|
|
name: '设计规范', |
|
|
|
desc: '为了约束合成更多优秀的组件和模板，打造优质的体验，我们拟定了一些UI界面设计和建议。同时部分之间会有依赖，这是为了减少代码冗余的同时提高开发效率，模块化是我们的基础。如果大家有好的建议，可以提出进行改进。' |
|
|
|
}] |
|
|
|
}, { |
|
|
|
name: '交流反馈', |
|
|
|
childrens: [{ |
|
|
|
name: '交流反馈', |
|
|
|
desc: 'uv-ui为采用MIT许可证的开源项目，使用完全免费。欢迎加QQ群交流反馈，一起学习，共同进步。QQ群： 549833913' |
|
|
|
}] |
|
|
|
}] |
|
|
|
import productItem from '@/components/product/productItem.vue'; |
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
|
import { |
|
|
|
mapState |
|
|
|
} from 'vuex' |
|
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
|
import productList from '@/components/user/productList.vue' |
|
|
|
export default { |
|
|
|
mixins: [mixinsList], |
|
|
|
components: { |
|
|
|
productItem, |
|
|
|
tabber, |
|
|
|
productList, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
mixinsListApi: 'getClassShopPageList', |
|
|
|
current : 0, |
|
|
|
currentChildren : 0, |
|
|
|
list: [], |
|
|
|
chain: false, |
|
|
|
value: 0 |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['category']), |
|
|
|
categoryList(){ |
|
|
|
return this.category[this.current].children[this.currentChildren] |
|
|
|
}, |
|
|
|
list2() { |
|
|
|
const _list = this.list[this.value]?.childrens; |
|
|
|
return _list ? _list : []; |
|
|
|
} |
|
|
|
data() { |
|
|
|
return { |
|
|
|
mixinsListApi: 'getClassShopPageList', |
|
|
|
current: 0, |
|
|
|
currentChildren: 0, |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['category']), |
|
|
|
categoryList() { |
|
|
|
// return this.category[this.current].children[this.currentChildren] |
|
|
|
return this.category[2].children[this.currentChildren] |
|
|
|
}, |
|
|
|
onReady(){ |
|
|
|
// 模拟接口请求数据 |
|
|
|
uni.showLoading({ |
|
|
|
title: '加载中' |
|
|
|
}, |
|
|
|
onLoad({ |
|
|
|
search, |
|
|
|
cid |
|
|
|
}) { |
|
|
|
if (search) { |
|
|
|
this.queryParams.title = search |
|
|
|
} |
|
|
|
// this.$store.commit('getCategoryList') |
|
|
|
if (this.category.length > 0 && cid) { |
|
|
|
this.category.forEach((n, i) => { |
|
|
|
if (n.id == cid) { |
|
|
|
this.current = i |
|
|
|
} |
|
|
|
}) |
|
|
|
setTimeout(() => { |
|
|
|
this.list = getList; |
|
|
|
uni.hideLoading(); |
|
|
|
}, 200) |
|
|
|
|
|
|
|
|
|
|
|
// this.queryParams.classId = cid |
|
|
|
} else if (this.category.length > 0) { |
|
|
|
// this.queryParams.classId = this.category[0].id |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
change(e) { |
|
|
|
// this.queryParams.classId = this.category[e].id |
|
|
|
this.currentChildren = e |
|
|
|
}, |
|
|
|
onLoad({ |
|
|
|
search, |
|
|
|
cid |
|
|
|
}) { |
|
|
|
console.log('我是cid', cid); |
|
|
|
console.log('我是category', this.category); |
|
|
|
if (search) { |
|
|
|
this.queryParams.title = search |
|
|
|
} |
|
|
|
// this.$store.commit('getCategoryList') |
|
|
|
if(this.category.length > 0 && cid){ |
|
|
|
|
|
|
|
this.category.forEach((n, i) => { |
|
|
|
if(n.id == cid){ |
|
|
|
this.current = i |
|
|
|
} |
|
|
|
}) |
|
|
|
// this.queryParams.classId = cid |
|
|
|
}else if (this.category.length > 0) { |
|
|
|
// this.queryParams.classId = this.category[0].id |
|
|
|
clickTabs({ index }) { |
|
|
|
this.current = index |
|
|
|
this.currentChildren = 0 |
|
|
|
}, |
|
|
|
search() { |
|
|
|
for (let i = 0; i < 10; i++) { |
|
|
|
delete this.queryParams[i] |
|
|
|
} |
|
|
|
this.queryParams.pageSize = 10 |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
change(e) { |
|
|
|
// this.queryParams.classId = this.category[e].id |
|
|
|
this.currentChildren = e |
|
|
|
|
|
|
|
}, |
|
|
|
tabChange(index){ |
|
|
|
console.log('选项改变：', index); |
|
|
|
this.value = index |
|
|
|
}, |
|
|
|
clickTabs({index}){ |
|
|
|
this.current = index |
|
|
|
this.currentChildren = 0 |
|
|
|
}, |
|
|
|
search(){ |
|
|
|
for(let i = 0;i < 10;i++){ |
|
|
|
delete this.queryParams[i] |
|
|
|
} |
|
|
|
this.queryParams.pageSize = 10 |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
navigateToDetail(id) { |
|
|
|
console.log('跳转到商品详情页:', id); |
|
|
|
// uni.navigateTo({ |
|
|
|
// url: `/pages_order/product/productDetail?id=${id}` |
|
|
|
// }) |
|
|
|
this.$utils.navigateTo(`/pages_order/product/productDetail?id=${id}`); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.page { |
|
|
|
/deep/ .uv-vtabs { |
|
|
|
height: calc(100vh - 470rpx) !important; |
|
|
|
} |
|
|
|
.page { |
|
|
|
|
|
|
|
// background-color: #f5f5ff; |
|
|
|
/deep/ .uv-vtabs { |
|
|
|
height: calc(100vh - 470rpx) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uv-vtabs__bar { |
|
|
|
height: calc(100vh - 470rpx) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uv-vtabs__content { |
|
|
|
height: calc(100vh - 470rpx) !important; |
|
|
|
} |
|
|
|
|
|
|
|
// /deep/ .uv-vtabs__bar { |
|
|
|
// height: calc(100vh - 600rpx) !important; |
|
|
|
// } |
|
|
|
.search { |
|
|
|
background: $uni-color; |
|
|
|
height: 280rpx; |
|
|
|
padding-left: 20rpx; |
|
|
|
|
|
|
|
/deep/ .uv-vtabs__content { |
|
|
|
height: calc(100vh - 500rpx) !important; |
|
|
|
.search-img { |
|
|
|
width: 120rpx; |
|
|
|
height: 120rpx; |
|
|
|
margin: 40rpx 0 10rpx 10rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
|
|
|
|
.search { |
|
|
|
background: $uni-color; |
|
|
|
height: 280rpx; |
|
|
|
padding-left: 20rpx; |
|
|
|
.search-img{ |
|
|
|
width: 120rpx; |
|
|
|
height: 120rpx; |
|
|
|
margin: 40rpx 0 0 10rpx; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.search-text{ |
|
|
|
position: absolute; |
|
|
|
right: 80rpx; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
color: $uni-color; |
|
|
|
} |
|
|
|
/deep/ .uv-search__action { |
|
|
|
background-color: $uni-color; |
|
|
|
color: #FFFFFF; |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
} |
|
|
|
.search-text { |
|
|
|
position: absolute; |
|
|
|
right: 80rpx; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
color: $uni-color; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uv-vtabs__content { |
|
|
|
background: transparent !important; |
|
|
|
overflow: hidden; |
|
|
|
/deep/ .uv-search__action { |
|
|
|
background-color: $uni-color; |
|
|
|
color: #FFFFFF; |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
padding: 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
/deep/ .uv-vtabs__content { |
|
|
|
background: transparent !important; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.item { |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
&-title { |
|
|
|
.text { |
|
|
|
font-weight: 700; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #111; |
|
|
|
} |
|
|
|
} |
|
|
|
&-content { |
|
|
|
padding: 20rpx 0; |
|
|
|
.text { |
|
|
|
line-height: 48rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #111; |
|
|
|
/* #ifndef APP-NVUE */ |
|
|
|
word-break: break-all; |
|
|
|
/* #endif */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
padding: 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
.item { |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
|
|
&-title { |
|
|
|
.text { |
|
|
|
font-weight: 700; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #111; |
|
|
|
} |
|
|
|
} |
|
|
|
.gap { |
|
|
|
padding: 0 30rpx; |
|
|
|
|
|
|
|
&-content { |
|
|
|
padding: 20rpx 0; |
|
|
|
|
|
|
|
.text { |
|
|
|
line-height: 48rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #111; |
|
|
|
/* #ifndef APP-NVUE */ |
|
|
|
word-break: break-all; |
|
|
|
/* #endif */ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.category { |
|
|
|
/* background-color: green; */ |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
.category-title{ |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 120rpx; |
|
|
|
|
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
content: ''; |
|
|
|
width: 10%; |
|
|
|
border-top: 2rpx solid black; |
|
|
|
} |
|
|
|
|
|
|
|
&::before { |
|
|
|
left: 25%; |
|
|
|
} |
|
|
|
|
|
|
|
&::after { |
|
|
|
right: 25%; |
|
|
|
} |
|
|
|
.gap { |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.category { |
|
|
|
/* background-color: green; */ |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
|
|
|
|
.category-title { |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 120rpx; |
|
|
|
|
|
|
|
&::before, |
|
|
|
&::after { |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
content: ''; |
|
|
|
width: 10%; |
|
|
|
border-top: 2rpx solid black; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .uv-vtabs { |
|
|
|
width: 750rpx; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
&::before { |
|
|
|
left: 25%; |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
width: 100%; |
|
|
|
padding: 0rpx 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
&::after { |
|
|
|
right: 25%; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
padding: 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
.item { |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
|
|
&-title { |
|
|
|
.text { |
|
|
|
font-weight: 700; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #111; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-content { |
|
|
|
padding: 20rpx 0; |
|
|
|
|
|
|
|
.text { |
|
|
|
line-height: 48rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #111; |
|
|
|
/* #ifndef APP-NVUE */ |
|
|
|
word-break: break-all; |
|
|
|
/* #endif */ |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/ .uv-vtabs { |
|
|
|
width: 750rpx; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
width: 100%; |
|
|
|
padding: 0rpx 20rpx; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
padding: 30rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
.item { |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
|
|
&-title { |
|
|
|
.text { |
|
|
|
font-weight: 700; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #111; |
|
|
|
} |
|
|
|
|
|
|
|
.gap { |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
&-content { |
|
|
|
padding: 20rpx 0; |
|
|
|
|
|
|
|
.text { |
|
|
|
line-height: 48rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #111; |
|
|
|
/* #ifndef APP-NVUE */ |
|
|
|
word-break: break-all; |
|
|
|
/* #endif */ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.gap { |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
</style> |
hflllll
1 month ago
