master
parent
664ddebb63
commit
f26e70d6db
|
|
@ -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>
|
|
||||||
|
|
@ -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 @tap="isXiao=false" style="background: rgba(0,0,0,.54);width: 100%;height: 600rpx;float: left;position: relative;"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 数据列表 -->
|
|
||||||
<view :style="{marginTop:statusHNH+titleHeight+'px'}">
|
|
||||||
<shopList></shopList>
|
|
||||||
</view>
|
|
||||||
<!-- 底部tab -->
|
<!-- 底部tab -->
|
||||||
<foot-tab :titleList="titleList" :imgList="imgList" :newcurrent='3'></foot-tab>
|
<foot-tab :titleList="titleList" :imgList="imgList" :newcurrent='3'></foot-tab>
|
||||||
<!-- 购物车 -->
|
<!-- 购物车 -->
|
||||||
|
|
@ -57,11 +53,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import shopList from '@/components/shop-list.vue';
|
|
||||||
export default {
|
export default {
|
||||||
components:{
|
|
||||||
shopList
|
|
||||||
},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
titleList:[],
|
titleList:[],
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue