|
|
@@ -188,7 +188,7 @@
|
|
|
报名班级
|
|
|
</view>
|
|
|
<view class="options">
|
|
|
- <view class="item">
|
|
|
+ <view class="item" >
|
|
|
初级班
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -199,7 +199,7 @@
|
|
|
选择套餐
|
|
|
</view>
|
|
|
<view class="options">
|
|
|
- <view class="item">
|
|
|
+ <view class="item" v-for="item in 9">
|
|
|
暑期班 24课时
|
|
|
</view>
|
|
|
<view class="item item-state2">
|
|
|
@@ -220,7 +220,7 @@
|
|
|
报名学生
|
|
|
</view>
|
|
|
<view class="options">
|
|
|
- <view class="item item-checked" >
|
|
|
+ <view class="item item-checked" v-for="item in 12">
|
|
|
<view class="photo">
|
|
|
<img src="../../../assets/img/photo2.png" alt="">
|
|
|
</view>
|
|
|
@@ -262,6 +262,9 @@
|
|
|
|
|
|
<!-- 加入购物车 -->
|
|
|
<button class="add">加入购物车</button>
|
|
|
+ <view class="" style="height: 24rpx;">
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
</u-popup>
|
|
|
@@ -604,6 +607,8 @@
|
|
|
// 弹出层
|
|
|
.popup{
|
|
|
padding: 32rpx;
|
|
|
+ height:520px;
|
|
|
+ padding-bottom:100rpx;
|
|
|
.class-infos{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -674,6 +679,7 @@
|
|
|
.options{
|
|
|
margin-top: 16rpx;
|
|
|
display: flex;
|
|
|
+ flex-wrap:wrap;
|
|
|
.item-checked{
|
|
|
border: 1px solid rgba(13, 186, 199, 1);
|
|
|
background-color: #fff !important;
|
|
|
@@ -682,10 +688,11 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 16rpx;
|
|
|
- width: 332rpx;
|
|
|
+ width: 320rpx;
|
|
|
height: 112rpx;
|
|
|
border-radius: 4px;
|
|
|
- margin-right: 20rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
background-color: #F4F6F7;
|
|
|
.photo{
|
|
|
width: 80rpx;
|
|
|
@@ -730,7 +737,8 @@
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-size: 32rpx;
|
|
|
text-align: center;
|
|
|
- margin-top: 160rpx;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
}
|
