T

apps/home/Tpl/default/UserShow/index_w3g.html

@@ -7,6 +7,7 @@
 </style> -->
 </style> -->
 
 
 <style type="text/css">
 <style type="text/css">
+	
 	.van-cell__title {
 	.van-cell__title {
 		display: flex;
 		display: flex;
 		align-items: center;
 		align-items: center;
@@ -25,32 +26,12 @@
 		right: 1rem;
 		right: 1rem;
 	}
 	}
 	
 	
-</style>
-
-<div id="app">
-	
-	<div class="layout_v">
-		<van-cell title="头像" is-link>
-			<slot>
-				<van-uploader result-type="file" :after-read="onRead">
-					<van-image @error="onError" height="44" width="44" fit="cover" round :src="currentAvatar" />
-				</van-uploader>
-			</slot>
-		</van-cell>
-		<van-cell @click="onNickName" title="昵称" is-link :value="currentNickName"></van-cell>
-		<van-cell @click="onGender" title="性别" is-link :value="currentGender"></van-cell>
-		<van-cell @click="onAddress" title="收货信息" is-link></van-cell>
-		<div @click="onConfirm" class="confirm_button" style="margin-top: 7.125rem;">
-			<span>确认修改</span>
-		</div>
-	</div>
-	
-	<style scoped>
 	.overlay {
 	.overlay {
 	  display: flex;
 	  display: flex;
 	  justify-content: center;
 	  justify-content: center;
 	}
 	}
-		.content_container {
+	
+	.edit_popup_content_container {
 	  align-self: center;
 	  align-self: center;
 	  width: 80%;
 	  width: 80%;
 	  overflow: hidden;
 	  overflow: hidden;
@@ -58,46 +39,64 @@
 	  background: #fff;
 	  background: #fff;
 	  position: relative;
 	  position: relative;
 	}
 	}
-		.close_icon {
+	
+	.edit_popup_close_icon {
 	  position: absolute;
 	  position: absolute;
 	  top: 1.25rem;
 	  top: 1.25rem;
 	  right: 1.25rem;
 	  right: 1.25rem;
 	}
 	}
-		.title_text {
+	
+	.edit_popup_title_text {
 	  margin-top: 0.9375rem;
 	  margin-top: 0.9375rem;
 	}
 	}
-		.input_content {
+	
+	.edit_popup_input_content {
 	  align-self: center;
 	  align-self: center;
 	  margin-top: 2rem;
 	  margin-top: 2rem;
 	  background: #f3f3f3;
 	  background: #f3f3f3;
 	  border-radius: 0.375rem;
 	  border-radius: 0.375rem;
 	}
 	}
-		.confirm_button {
+	
+	.edit_popup_confirm_button {
 	  height: 2.75rem;
 	  height: 2.75rem;
 	  margin-top: 1.5rem;
 	  margin-top: 1.5rem;
 	  border-radius: 0px 0px 0.625rem 0.625rem;
 	  border-radius: 0px 0px 0.625rem 0.625rem;
 	  background: #48c47a;
 	  background: #48c47a;
 	}
 	}
-		.content_holder {
+	
+	.edit_popup_content_holder {
 	  box-sizing: border-box;
 	  box-sizing: border-box;
 	}
 	}
-		.van-cell {
-		  width: calc(100% - 40px);
-		}
-		.van-cell:not(:last-child)::after {
-		  border-bottom: 0;
-		}
-	</style>
 	
 	
-	<van-overlay class="overlay" :show="show">
-	  <div class="layout_v content_holder content_container">
-	    <div class="text_16_500 layout_h_c title_text">修改昵称</div>
-	    <van-icon @click="show = false" class="close_icon" size="16" name="__THEME__/img/guanbi@2x.png" />
+</style>
+
+<div id="app">
+	
+	<div class="layout_v">
+		<van-cell title="头像" is-link>
+			<slot>
+				<van-uploader result-type="file" :after-read="onRead">
+					<van-image @error="onError" height="44" width="44" fit="cover" round :src="currentAvatar" />
+				</van-uploader>
+			</slot>
+		</van-cell>
+		<van-cell @click="onNickName" title="昵称" is-link :value="currentNickName"></van-cell>
+		<van-cell @click="onGender" title="性别" is-link :value="currentGender"></van-cell>
+		<van-cell @click="onAddress" title="收货信息" is-link></van-cell>
+		<div @click="onConfirm" class="confirm_button" style="margin-top: 7.125rem;">
+			<span>确认修改</span>
+		</div>
+	</div>
+	
+	<van-overlay class="edit_popup_overlay" :show="show">
+	  <div class="layout_v edit_popup_content_holder edit_popup_content_container">
+	    <div class="text_16_500 layout_h_c edit_popup_title_text">修改昵称</div>
+	    <van-icon @click="show = false" class="edit_popup_close_icon" size="16" name="__THEME__/img/guanbi@2x.png" />
 	    <van-field
 	    <van-field
-	      class="input_content"
+	      class="edit_popup_input_content"
 	      v-model="value"
 	      v-model="value"
 	      clearable/>
 	      clearable/>
-	    <div @click="onConfirm" class="layout_h_c confirm_button">
+	    <div @click="onConfirm" class="layout_h_c edit_popup_confirm_button">
 	      <span class="text_16_400 self_center color_white">确定</span>
 	      <span class="text_16_400 self_center color_white">确定</span>
 	    </div>
 	    </div>
 	  </div>
 	  </div>