作者 rico

稍微改了一点

@@ -43,19 +43,21 @@ @@ -43,19 +43,21 @@
43 <text>维护包</text> 43 <text>维护包</text>
44 </view> 44 </view>
45 45
46 - <view class="equipment">  
47 - <view v-for="(item,index) in care_package_list" class="equipment-wrp">  
48 - <label class="radio">  
49 - <radio value="11111" /><text>1111</text>  
50 - </label>  
51 - <checkbox checked="true" />  
52 - <image src="../../../static/imgs/app_icon/icon1.png" mode=""></image>  
53 - <view>  
54 - <text>{{item.package_name}}</text>  
55 - <text class="dol">{{item.package_price}}</text> 46 + <radio-group>
  47 + <label class="lable" v-for="(item,index) in care_package_list">
  48 + <radio :value="item.id" />
  49 + <view class="equipment">
  50 + <view class="equipment-wrp">
  51 + <image src="../../../static/imgs/app_icon/icon1.png" mode=""></image>
  52 + <view>
  53 + <text>{{item.package_name}}</text>
  54 + <text class="dol">{{item.package_price}}</text>
  55 + </view>
56 </view> 56 </view>
57 </view> 57 </view>
58 - </view> 58 + </label>
  59 + </radio-group>
  60 +
59 61
60 <view class="bottom-wrp"> 62 <view class="bottom-wrp">
61 <text @click="callPhone">联系电话: 11111111111111</text> 63 <text @click="callPhone">联系电话: 11111111111111</text>
@@ -139,6 +141,13 @@ @@ -139,6 +141,13 @@
139 </script> 141 </script>
140 142
141 <style lang="scss" scoped> 143 <style lang="scss" scoped>
  144 + .lable{
  145 + display: flex;
  146 + width: 686rpx;
  147 + align-items: center;
  148 + margin: 0 auto;
  149 + margin-left: 32rpx;
  150 + }
142 .dol::before{ 151 .dol::before{
143 content: '¥'; 152 content: '¥';
144 font-size: 22rpx; 153 font-size: 22rpx;
@@ -147,10 +156,6 @@ @@ -147,10 +156,6 @@
147 .equipment{ 156 .equipment{
148 background-color: white; 157 background-color: white;
149 border-radius: 16rpx; 158 border-radius: 16rpx;
150 - width: 686rpx;  
151 - margin: 0 auto;  
152 - padding-left: 32rpx;  
153 - padding-right: 32rpx;  
154 } 159 }
155 .equipment-wrp{ 160 .equipment-wrp{
156 display: flex; 161 display: flex;
@@ -180,6 +185,9 @@ @@ -180,6 +185,9 @@
180 .bottom-wrp{ 185 .bottom-wrp{
181 width: 686rpx; 186 width: 686rpx;
182 text-align: center; 187 text-align: center;
  188 + padding-top: 32rpx;
  189 + padding-bottom: 32rpx;
  190 + margin: 0 auto;
183 >text{ 191 >text{
184 color: #576B95; 192 color: #576B95;
185 text-decoration: underline; 193 text-decoration: underline;