chen
/
hengmei-one
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

调整

master
chen 2022-04-28 16:47:00 +08:00
parent 664ddebb63
commit f26e70d6db
2 changed files with 0 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
components/shop-list.vue
View File

@ -1,121 +0,0 @@
<template>
<view class="pad20 shop_list_box">
<view style="width: 48.6%;float: left;">
<view class="bacf radius15 mar-x20" @tap="goPage">
<image src="../../../static/public/wen-one.png" mode="aspectFill" style="width: 100%;border-top-left-radius: 15rpx;border-top-right-radius: 15rpx;height: 325rpx;"></image>
<view class="pad-zy20 pad-s10 pad-x30">
<view class="fon28 bold col3 clips2">【99皮皮节】【种植发际 线】1000单位FUE技术...</view>
<view class="disac fon20 mar-sx20">
<view class="radius10 colf" style="padding: 6rpx 10rpx;margin-right: 10rpx;" :style="{background:publicColor}">秃顶种植</view>
<view class="radius10 colf" style="padding: 6rpx 10rpx;background: #F85050;">团购</view>
</view>
<view class="disac">
<view class="fon28 bold" style="color: #F85050;margin-right: 8rpx;">￥3888</view>
<view class="fon24" style="text-decoration: line-through;color: #C7C7C7;">￥4205</view>
</view>
</view>
</view>
<view class="bacf radius15 mar-x20">
<image src="../../../static/public/wen-one.png" mode="aspectFill" style="width: 100%;border-top-left-radius: 15rpx;border-top-right-radius: 15rpx;height: 325rpx;"></image>
<view class="pad-zy20 pad-s10 pad-x30">
<view class="fon28 bold col3 clips2">【99皮皮节】【种植发际 线】1000单位FUE技术...</view>
<view class="disac fon20 mar-sx20">
<view class="radius10 colf" style="padding: 6rpx 10rpx;margin-right: 10rpx;" :style="{background:publicColor}">秃顶种植</view>
<view class="radius10 colf" style="padding: 6rpx 10rpx;background: #F85050;">团购</view>
</view>
<view>
<view class="disjbac">
<view class="fon28 bold" style="color: #F85050;margin-right: 8rpx;">拼团价￥3888</view>
<view class="fon24" style="text-decoration: line-through;color: #C7C7C7;">￥4205</view>
</view>
<view class="disjbac mar-s20">
<view class="fon24 col80">已拼团10组</view>
<view class="disac">
<image src="../../../static/tabbar/mya.png" mode="" style="width: 40rpx;height: 40rpx;border-radius: 100%;"></image>
<image src="../../../static/tabbar/mym.png" mode="" style="width: 40rpx;height: 40rpx;border-radius: 100%;margin-left: -20rpx;"></image>
<image src="../../../static/tabbar/homeAc.png" mode="" style="width: 40rpx;height: 40rpx;border-radius: 100%;margin-left: -20rpx;"></image>
</view>
</view>
</view>
</view>
</view>
<view class="bacf radius15 mar-x20">
<image src="../../../static/public/wen-one.png" mode="aspectFill" style="width: 100%;border-top-left-radius: 15rpx;border-top-right-radius: 15rpx;height: 325rpx;"></image>
<view class="pad-zy20 pad-s10 pad-x30">
<view class="fon28 bold col3 clips2">【99皮皮节】【种植发际 线】1000单位FUE技术...</view>
<view class="disac fon20 mar-sx20">
<view class="radius10 colf" style="padding: 6rpx 10rpx;margin-right: 10rpx;" :style="{background:publicColor}">秃顶种植</view>
<view class="radius10 colf" style="padding: 6rpx 10rpx;background: #F85050;">团购</view>
</view>
<view>
<view class="disjbac">
<view class="fon28 bold" style="color: #F85050;margin-right: 8rpx;">促销价￥3888</view>
<view class="fon24" style="text-decoration: line-through;color: #C7C7C7;">￥4205</view>
</view>
<view class="fon24 col80 mar-s20">结束时间：15小时00分00秒</view>
</view>
</view>
</view>
</view>
<view style="width: 48.6%;float: right;">
<view class="bacf radius15 mar-x20">
<image src="../../../static/public/wen-one.png" mode="aspectFill" style="width: 100%;border-top-left-radius: 15rpx;border-top-right-radius: 15rpx;height: 325rpx;"></image>
<view class="pad-zy20 pad-s10 pad-x30">
<view class="fon28 bold col3 clips2">【99皮皮节】【种植发际 线】1000单位FUE技术...</view>
<view class="disac fon20 mar-sx20">
<view class="radius10 colf" style="padding: 6rpx 10rpx;margin-right: 10rpx;" :style="{background:publicColor}">秃顶种植</view>
<view class="radius10 colf" style="padding: 6rpx 10rpx;background: #F85050;">团购</view>
</view>
<view>
<view class="disjbac">
<view class="fon28 bold" style="color: #F85050;margin-right: 8rpx;">拼团价￥3888</view>
<view class="fon24" style="text-decoration: line-through;color: #C7C7C7;">￥4205</view>
</view>
<view class="disjbac">
<view class="fon24 col80">已拼团10组</view>
<view>
<image src="" mode="" style="width: 40rpx;height: 40rpx;"></image>
</view>
</view>
</view>
</view>
</view>
<view class="bacf radius15 mar-x20">
<image src="../../../static/public/wen-one.png" mode="aspectFill" style="width: 100%;border-top-left-radius: 15rpx;border-top-right-radius: 15rpx;height: 325rpx;"></image>
<view class="pad-zy20 pad-s10 pad-x30">
<view class="fon28 bold col3 clips2">【99皮皮节】【种植发际 线】1000单位FUE技术...</view>
<view class="disac fon20 mar-sx20">
<view class="radius10 colf" style="padding: 6rpx 10rpx;margin-right: 10rpx;" :style="{background:publicColor}">秃顶种植</view>
<view class="radius10 colf" style="padding: 6rpx 10rpx;background: #F85050;">团购</view>
</view>
<view class="disac">
<view class="fon28 bold" style="color: #F85050;margin-right: 8rpx;">￥3888</view>
<view class="fon24" style="text-decoration: line-through;color: #C7C7C7;">￥4205</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name:"shop-list",
data() {
return {
publicColor:uni.getStorageSync('publicColor'),
};
},
methods:{
goPage(){//进入商品详情事件
uni.navigateTo({
url:'/pagesB/shopDetail/shopDetail'
})
}
}
}
</script>
<style>
</style>

8
pages/tabbar/shop/shop.vue
View File

@ -38,10 +38,6 @@
<view @tap="isXiao=false" style="background: rgba(0,0,0,.54);width: 100%;height: 600rpx;float: left;position: relative;"></view>
</view>
</view>
<!-- 数据列表 -->
<view :style="{marginTop:statusHNH+titleHeight+'px'}">
<shopList></shopList>
</view>
<!-- 底部tab -->
<foot-tab :titleList="titleList" :imgList="imgList" :newcurrent='3'></foot-tab>
<!-- 购物车 -->
@ -57,11 +53,7 @@
</template>
<script>
import shopList from '@/components/shop-list.vue';
export default {
components:{
shopList
},
data() {
return {
titleList:[],