修改 提现 弹出框 样式

src/view/put-money.vue

@@ -33,10 +33,57 @@
 			<p>已达本月提现5次上限</p>
 		</div>
 
+		<!--授权弹框2-->
+		<div id="authorization2" class="popup-box"  v-show="isWenxin">
+		    <div class="popup-authorization2 popup-centent">
+		        <span class="closeBtn" @click="closePupup()" ><img src="../assets/images/put-money/close.png"/></span>
+		        <p class="cue-title">提示</p>
+		        <p>请进入微信公众号“一号家政服务号”进行提现操作</p>
+		        <button  @click="closePupup()">确定</button>
+		    </div>
+		</div>
+
 	</div>
 
 </template>
 
+<style>
+
+.popup-authorization2 {
+    width:89%;
+    height: 3.5rem;   
+    border-radius: 5px;
+}
+.popup-authorization2 span.closeBtn img {
+	display:block;
+}
+.popup-authorization2 p {
+    text-align: center;
+    font-size: .3rem;
+    color:rgba(102,102,102,1);
+    padding: 0 .3rem;
+    margin-bottom: .4rem;
+}
+.popup-authorization2 .cue-title {
+    font-size: .36rem;
+    color:rgba(0,0,0,1);
+    margin-top: .4rem;
+    margin-bottom: .4rem;
+}
+.popup-authorization2 button {
+    width: 100%;
+    height: 1rem;
+    background:rgba(255,255,255,1);
+    position: absolute;
+    bottom: 0;
+    border: none;
+    font-size: .36rem;
+    color:rgba(0,186,134,1);
+    border-radius: 5px; 
+    border-top: 1px solid #D2D3D5;
+}
+</style>
+
 <script>
 	import putMoney from "../models/put-money-model.js";
 	import { Alert, Toast } from "vux";
@@ -51,7 +98,9 @@
 				isActive: false,
 				inputVal: null,
 				//余额
-				currentAmount: 0
+				currentAmount: 0,
+				//是否在微信环境下
+				isWenxin: false,
 			};
 		},
 		components: {
@@ -81,7 +130,7 @@
 					var ua = window.navigator.userAgent.toLowerCase();
 				 	 //通过正则表达式匹配ua中是否含有MicroMessenger字符串
 				 	if(ua.match(/MicroMessenger/i) != 'micromessenger'){
-				 		this.$vux.toast.text("请登录微信进行操作", "middle");
+				 		this.isWenxin = true
 				 		return;
 					}
 					putMoney.putMoney({
@@ -121,6 +170,10 @@
 				var r = url.match(reg);
 				if(r != null) return unescape(r[2]);
 				return null;
+			},
+			//关掉弹出层
+			closePupup() {
+				this.isWenxin = false
 			}
 		},
 		mounted() {