角色样式

subpkg/role/role.vue

@@ -15,8 +15,8 @@
 	        <view class="more_role" @click="showMoreRole()"><a>更多角色</a></view>
 	      </view>
 	    
-	       <view class="startbtn"><image src="/static/images/btn_start.png" @click="startPractice()"></image><a>开始演练</a></view>
-		   
+	      <!-- <view class="startbtn"><image src="/static/images/btn_start.png" @click="startPractice()"></image><a>开始演练</a></view> -->
+		   <view :class="practice"><image src="/static/images/btn_start.png" @click="startPractice()"></image><a>开始演练</a></view>
 	    </view>
 	  
 	      <view class="cnote">题目来源：深圳市******有限公司</view>  
@@ -70,7 +70,7 @@
 			   sceneName:"",
 			   roleId:"",
 			   roleList:[],
-			   practice:false
+			   practice:"startbtn"
 			};
 		},
 		onLoad(options) {
@@ -99,10 +99,12 @@
 				if (item.choose === "true") {
 					this.$set(item, 'choose', 'false')
 					this.roleId = ''
+					this.practice = 'startbtn'
 				} else if(item.choose === "false"){
 					this.roleList.forEach(item=>{this.$set(item, 'choose', 'false')})
 					this.$set(item, 'choose', 'true')
 					this.roleId = item.guid
+					this.practice = 'startbtn.active'
 				}
 			},
 			startPractice(item) {
@@ -308,8 +310,9 @@
 	line-height: 3.0;
 	letter-spacing: 2px;
 }
-.change_color{
-     background:rgba(138, 162, 254, 1.0);
+.change_color {
+     background: #1367fe;
+	 color: #fff !important;
  }