样式修改

pages/index/vipCard.vue

@@ -53,7 +53,7 @@
 					<view class="itemName">{{item.PackName}}</view>
 					<view class="tiaokuan" @click="useCl(item.useComment)">使用条款</view>
 				</view>
-				<view class="itemBottom" :class="{active:item.open}">
+				<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"
 						mode="" style="width: 34rpx;height: 22rpx;"></image>
@@ -111,7 +111,7 @@
 					<view class="shiyongContTop">
 						<view class="shiyongContTopTitle">使用条款</view>
 						<image src="../../static/img/icon_close.png" alt="" class="shiyongContTopX"
-							@click="shiyongShow=false"></image>
+							@click="shiyongShowHlde"></image>
 					</view>
 					<view class="shiyonghtml">
 						<view v-html="useComment" v-if="useComment"></view>
@@ -139,7 +139,7 @@
 					<view class="itemName">{{item.PacKName}}</view>
 					<view class="tiaokuan" @click="useCl(item.useComment)">使用条款</view>
 				</view>
-				<view class="itemBottom" :class="{active:item.open}">
+				<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
@@ -170,7 +170,7 @@
 					<view class="itemName">{{item.PacKName}}</view>
 					<view class="tiaokuan" @click="useCl(item.useComment)">使用条款</view>
 				</view>
-				<view class="itemBottom" :class="{active:item.open}">
+				<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
@@ -208,7 +208,7 @@
 					<view class="shiyongContTop">
 						<view class="shiyongContTopTitle">使用条款</view>
 						<image src="../../static/img/icon_close.png" alt="" class="shiyongContTopX"
-							@click="shiyongShow=false"></image>
+							@click="shiyongShowHlde"></image>
 					</view>
 					<view class="shiyonghtml">
 						<view v-html="useComment" v-if="useComment"></view>
@@ -278,6 +278,9 @@
 		},
 
 		methods: {
+			shiyongShowHlde(){
+				this.shiyongShow=false;
+			},
 			AmountQtyJs (item) {
 			  var state = false
 			  if (this.dis) {
@@ -557,7 +560,11 @@
 		color: #999999;
 		font-size: 24rpx;
 		padding: 2rpx 12rpx;
-
+       max-width: 300rpx;
+           overflow: hidden;
+           white-space: nowrap;
+           text-overflow: ellipsis;
+           -o-text-overflow: ellipsis;
 	}
 
 	.itemBg {
@@ -637,6 +644,7 @@
 	.shiyongContTopX {
 		width: 36rpx;
 		height: 36rpx;
+		    padding: 10rpx;
 	}
 
 	.shiyongContTop {