T

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

@@ -6,7 +6,8 @@
     }
     }
 </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;
@@ -24,6 +25,48 @@
 	.van-cell::after {
 	.van-cell::after {
 		right: 1rem;
 		right: 1rem;
 	}
 	}
+	
+	.overlay {
+	  display: flex;
+	  justify-content: center;
+	}
+	
+	.edit_popup_content_container {
+	  align-self: center;
+	  width: 80%;
+	  overflow: hidden;
+	  border-radius: 0.625rem;
+	  background: #fff;
+	  position: relative;
+	}
+	
+	.edit_popup_close_icon {
+	  position: absolute;
+	  top: 1.25rem;
+	  right: 1.25rem;
+	}
+	
+	.edit_popup_title_text {
+	  margin-top: 0.9375rem;
+	}
+	
+	.edit_popup_input_content {
+	  align-self: center;
+	  margin-top: 2rem;
+	  background: #f3f3f3;
+	  border-radius: 0.375rem;
+	}
+	
+	.edit_popup_confirm_button {
+	  height: 2.75rem;
+	  margin-top: 1.5rem;
+	  border-radius: 0px 0px 0.625rem 0.625rem;
+	  background: #48c47a;
+	}
+	
+	.edit_popup_content_holder {
+	  box-sizing: border-box;
+	}
 	
 	
 </style>
 </style>
 
 
@@ -45,59 +88,15 @@
 		</div>
 		</div>
 	</div>
 	</div>
 	
 	
-	<style scoped>
-		.overlay {
-		  display: flex;
-		  justify-content: center;
-		}
-		.content_container {
-		  align-self: center;
-		  width: 80%;
-		  overflow: hidden;
-		  border-radius: 0.625rem;
-		  background: #fff;
-		  position: relative;
-		}
-		.close_icon {
-		  position: absolute;
-		  top: 1.25rem;
-		  right: 1.25rem;
-		}
-		.title_text {
-		  margin-top: 0.9375rem;
-		}
-		.input_content {
-		  align-self: center;
-		  margin-top: 2rem;
-		  background: #f3f3f3;
-		  border-radius: 0.375rem;
-		}
-		.confirm_button {
-		  height: 2.75rem;
-		  margin-top: 1.5rem;
-		  border-radius: 0px 0px 0.625rem 0.625rem;
-		  background: #48c47a;
-		}
-		.content_holder {
-		  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" />
+	<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>