|
@@ -7,12 +7,27 @@
|
|
|
<view class="one_1">
|
|
|
|
|
|
</view>
|
|
|
+ <view class="one_2">
|
|
|
+ <text class="money_1" v-if="infospecs.leader_price"><text>团长价¥</text>{{infospecs.leader_price||0}}</text>
|
|
|
+ <text class="money" v-if="infospecs.price"><text>特价¥</text>{{infospecs.price||0}}</text>
|
|
|
+ <text class="money" v-if="!infospecs.price&&!infospecs.leader_price"><text>¥</text>{{infospecs.sell_money||0}}</text>
|
|
|
+ <text class="money"><text>¥</text>{{infospecs.flow_money||0}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="one_3" v-if="discount">
|
|
|
+ <text v-if="discount.full_decrement&&discount.full_decrement.length>0" class="act" v-for="(item,index) in discount.full_decrement" :key="index">{{item}}</text>
|
|
|
+ <text v-if="discount.full_fold&&discount.full_decrement.length>0" class="act" v-for="(item,index) in discount.full_fold" :key="index">{{item}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="one_4">
|
|
|
+ <text class="num">已售{{info.goods.sell_num||0}}件</text>
|
|
|
+ </view>
|
|
|
+ <view class="one_5">
|
|
|
+ 5
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<view class="two">
|
|
|
- <uni-goods-nav :options="options" :button-group="buttonGroup" @click="toNavleft"
|
|
|
- @buttonClick="toNavright" />
|
|
|
+ <uni-goods-nav :options="options" :button-group="buttonGroup" @click="toNavleft" @buttonClick="toNavright" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</mobile-frame>
|
|
@@ -20,6 +35,7 @@
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
+ components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
// 底部菜单
|
|
@@ -49,6 +65,15 @@
|
|
|
type: '1'
|
|
|
}
|
|
|
],
|
|
|
+ // one_2
|
|
|
+ // 商品价格
|
|
|
+ infospecs: {},
|
|
|
+ // one_3
|
|
|
+ discount: {
|
|
|
+ full_decrement: [
|
|
|
+ '测试一'
|
|
|
+ ]
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
onLoad: function(e) {
|
|
@@ -81,7 +106,7 @@
|
|
|
that.$refs.specShow.open();
|
|
|
},
|
|
|
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -95,6 +120,73 @@
|
|
|
.one {
|
|
|
position: relative;
|
|
|
flex-grow: 1;
|
|
|
+
|
|
|
+ .one_2 {
|
|
|
+ border-bottom: 0.5vw solid var(--f9Color);
|
|
|
+ padding: 2vw;
|
|
|
+
|
|
|
+ .money_1 {
|
|
|
+ color: #23B67A;
|
|
|
+ font-size: 20px;
|
|
|
+ padding: 0 1vw 0 0;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .money {
|
|
|
+ font-size: 20px;
|
|
|
+ padding: 0 1vw 0 0;
|
|
|
+ color: #ff0000;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .money:last-child {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #858585;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .one_3 {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 1vw;
|
|
|
+ border-bottom: 0.5vw solid var(--f9Color);
|
|
|
+
|
|
|
+ .act {
|
|
|
+ font-size: 12px;
|
|
|
+ border: 1px solid var(--fFB1Color);
|
|
|
+ margin: 0 1vw 1vw 0;
|
|
|
+ color: var(--fFB1Color);
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 0 1vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #858585;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .one_4 {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 1vw;
|
|
|
+ border-bottom: 0.5vw solid var(--f9Color);
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #858585;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.two {
|