|
|
|
@ -2,20 +2,24 @@ |
|
|
|
<view class="index"> |
|
|
|
<view class="top"> |
|
|
|
<view class="content"> |
|
|
|
<image class="content-img" :src="shopInfo.image" /> |
|
|
|
<image class="content-img" :src="shopInfo.image" mode="aspectFill"/> |
|
|
|
<view class="content-left"> |
|
|
|
<u-row style="margin: 10rpx;"> |
|
|
|
<u-col><text style="font-size: 32rpx;">{{ shopInfo.title }}</text></u-col> |
|
|
|
</u-row> |
|
|
|
<u-row justify="space-between" style="margin: 20rpx; font-size: 24rpx;"> |
|
|
|
<u-col span="6"> |
|
|
|
{{ shopInfo.classValue }} |
|
|
|
<view style="width: 200rpx;"> |
|
|
|
{{ shopInfo.classValue }} |
|
|
|
</view> |
|
|
|
</u-col> |
|
|
|
<u-col span="6"> |
|
|
|
{{ shopInfo.num }}人购买 |
|
|
|
<view style="width: 200rpx;"> |
|
|
|
{{ shopInfo.num }}人购买 |
|
|
|
</view> |
|
|
|
</u-col> |
|
|
|
</u-row> |
|
|
|
<u-row justify="space-between" style="margin: 10rpx; font-size: 30rpx;"> |
|
|
|
<!-- <u-row justify="space-between" style="margin: 10rpx; font-size: 30rpx;"> |
|
|
|
<u-col span="4" style="text-decoration:line-through"> |
|
|
|
<view style="color: #ddd;font-size: 28rpx;text-decoration:line-through;"> |
|
|
|
￥{{ shopInfo.oldPrice }} |
|
|
|
@ -26,18 +30,23 @@ |
|
|
|
￥{{ shopInfo.price }} |
|
|
|
</view> |
|
|
|
</u-col> |
|
|
|
</u-row> |
|
|
|
<u-row justify="space-between" style="margin: 10rpx; font-size: 30rpx;"> |
|
|
|
</u-row> --> |
|
|
|
<!-- <u-row justify="space-between" style="margin: 10rpx; font-size: 30rpx;"> |
|
|
|
<u-col span="4" style="margin-top: 30rpx;"> |
|
|
|
<view class="icon"> |
|
|
|
<u-number-box style="margin: 0 auto;" v-model="registerForm.num" :min="1"> |
|
|
|
<u-number-box style="margin: 0 auto;" |
|
|
|
inputWidth="60px" |
|
|
|
v-model="registerForm.num" :min="1"> |
|
|
|
<view slot="minus" class="minus"> |
|
|
|
<u-icon name="minus" size="12" color="#fff"></u-icon> |
|
|
|
</view> |
|
|
|
<template v-slot:input> |
|
|
|
<text style="width: 50px;text-align: center;" class="input"> |
|
|
|
{{ registerForm.num }} |
|
|
|
</text> |
|
|
|
<input type="text" |
|
|
|
v-model="registerForm.num" |
|
|
|
style="color: #fff; |
|
|
|
text-align: center; |
|
|
|
" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
<view slot="plus" class="plus"> |
|
|
|
<u-icon name="plus" color="#FFFFFF" size="12"></u-icon> |
|
|
|
@ -45,16 +54,34 @@ |
|
|
|
</u-number-box> |
|
|
|
</view> |
|
|
|
</u-col> |
|
|
|
</u-row> |
|
|
|
</u-row> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="cell"> |
|
|
|
<view class="cell-box"> |
|
|
|
<view> |
|
|
|
{{ shopInfo.titleText }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ceil-input"> |
|
|
|
<view class=""> |
|
|
|
数量： |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class=""> |
|
|
|
<u-number-box v-model="registerForm.num"></u-number-box> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="price"> |
|
|
|
<view class=""> |
|
|
|
价格：￥{{ shopInfo.price }} |
|
|
|
</view> |
|
|
|
<view class="oldPrice"> |
|
|
|
原价：￥{{ shopInfo.oldPrice }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="book"> |
|
|
|
@ -185,6 +212,42 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.cell { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
background-color: #fff; |
|
|
|
width: 710rpx; |
|
|
|
padding: 20rpx; |
|
|
|
.cell-box{ |
|
|
|
display: flex; |
|
|
|
width: 90%; |
|
|
|
// background-color: rgb(253, 194, 4); |
|
|
|
height: 70rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
// font-size: 24rpx; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
.ceil-input{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.price{ |
|
|
|
width: 100%; |
|
|
|
line-height: 50rpx; |
|
|
|
color: #ff7800; |
|
|
|
.oldPrice{ |
|
|
|
text-decoration:line-through; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #777; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.top { |
|
|
|
@ -204,7 +267,7 @@ |
|
|
|
|
|
|
|
.content-img { |
|
|
|
width: 270rpx; |
|
|
|
height: 200rpx; |
|
|
|
height: 180rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
margin-right: 20rpx; |
|
|
|
margin-left: 20rpx; |
|
|
|
@ -216,28 +279,7 @@ |
|
|
|
line-height: 50rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.cell { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
height: 140rpx; |
|
|
|
background-color: #fff; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.cell-box { |
|
|
|
display: flex; |
|
|
|
width: 90%; |
|
|
|
background-color: rgb(253, 194, 4); |
|
|
|
height: 70rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
margin-top: 10rpx; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/deep/ .book { |
|
|
|
margin-top: 20rpx; |
|
|
|
background-color: #fff; |
|
|
|
|
