Browse Source

样式修改

twt 2 years ago
parent
commit
0a849fc7e1
1 changed files with 21 additions and 17 deletions
  1. 21 17
      pages/index/vipCard.vue

+ 21 - 17
pages/index/vipCard.vue

@@ -55,9 +55,9 @@
 				</view>
 				<view class="itemBottom" :class="{active:item.open}" @click="changeState(item)">
 					<view class="shopName">{{item.shopName}}</view>
-					<image @click="changeState(item)" v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
+					<image  v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
-					<image @click="changeState(item)" v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
+					<image  v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
 				</view>
 
@@ -139,15 +139,16 @@
 					<view class="itemName">{{item.PacKName}}</view>
 					<view class="tiaokuan" @click="useCl(item.useComment)">使用条款</view>
 				</view>
+				<view class="moneyBox"><span style="font-size: 24rpx; color: #FF3B30; padding-top: 2rpx;">¥</span><span class="money">{{item.Money}}</span> <span
+						style="color: #999999;font-size: 24rpx;">( 充{{item.ChargeMoney}}送{{item.GiftMoney}} )</span>
+				</view>
 				<view class="itemBottom" :class="{active:item.open}" @click="changeState(item)">
 					<view class="shopName">{{item.ShopName}}</view>
 
-					<view class="moneyBox"><span style="font-size: 24rpx; color: #FF3B30; padding-top: 2rpx;">¥</span><span class="money">{{item.Money}}</span> <span
-							style="color: #999999;font-size: 24rpx;">( 充{{item.ChargeMoney}}送{{item.GiftMoney}} )</span>
-					</view>
-					<image @click="changeState(item)" v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
+					
+					<image  v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
-					<image @click="changeState(item)" v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
+					<image  v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
 				</view>
 
@@ -170,15 +171,16 @@
 					<view class="itemName">{{item.PacKName}}</view>
 					<view class="tiaokuan" @click="useCl(item.useComment)">使用条款</view>
 				</view>
+				<view class="moneyBox"><span style="font-size: 24rpx; color: #FF3B30; padding-top: 2rpx;">¥</span><span class="money">{{item.Money}}</span> <span
+						style="color: #999999;font-size: 24rpx;">( 充{{item.ChargeMoney}}送{{item.GiftMoney}} )</span>
+				</view>
 				<view class="itemBottom" :class="{active:item.open}" @click="changeState(item)">
 					<view class="shopName">{{item.ShopName}}</view>
 				
-					<view class="moneyBox"><span style="font-size: 24rpx; color: #FF3B30; padding-top: 2rpx;">¥</span><span class="money">{{item.Money}}</span> <span
-							style="color: #999999;font-size: 24rpx;">( 充{{item.ChargeMoney}}送{{item.GiftMoney}} )</span>
-					</view>
-					<image @click="changeState(item)" v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
+					
+					<image  v-if="item.open==false" src="../../static/img/icon_arrow_down.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
-					<image @click="changeState(item)" v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
+					<image  v-if="item.open==true" src="../../static/img/icon_arrow_up.png"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
 				</view>
 				
@@ -560,18 +562,20 @@
 		color: #999999;
 		font-size: 24rpx;
 		padding: 2rpx 12rpx;
-       max-width: 300rpx;
+       /* max-width: 300rpx;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
-           -o-text-overflow: ellipsis;
+           -o-text-overflow: ellipsis; */
 	}
 
 	.itemBg {
 		padding: 30rpx 0rpx;
 		border-top: 1rpx solid #EEEEEE;
 	}
-
+    .itemBg:last-child{
+		padding-bottom: 0;
+	}
 	.nameTop {
 
 		font-size: 28rpx;
@@ -613,9 +617,9 @@
 	.moneyBox{
 		flex-grow: 1;
 		display: flex;
-		justify-content: flex-end;
+		/* justify-content: flex-end; */
 		margin-right: 10rpx;
-		align-items: center;
+		align-items: center; 
 	}
 	.count {
 		color: #FF0000;