Browse Source

修正弹框样式

master
453530270@qq.com 3 years ago
parent
commit
ab27a9cc3e
  1. 26
      components/popup/popup.vue
  2. 15
      pages/reg/reg.vue

26
components/popup/popup.vue

@ -1,14 +1,12 @@
<template> <template>
<view class="popup" catchtouchmove="true" :class="getValue()? 'show' : 'none'" <view class="popup" catchtouchmove="true" :class="getValue()? 'show' : 'none'" @click.stop="stop" @touchmove.stop.prevent="moveHandle">
@touchmove.stop.prevent="moveHandle" @click.stop="stop">
<!-- 背景底色 --> <!-- 背景底色 -->
<view class="mask" @click="close('mask')"></view> <view class="mask" @click="close('mask')"></view>
<view class="layer attr-content"> <view class="layer attr-content">
<view class="specification-wrapper"> <view class="specification-wrapper">
<scroll-view class="specification-wrapper-content" scroll-y="true"> <scroll-view class="specification-wrapper-content" scroll-y="true">
<view>{{popurl}}隆福大厦哦哦浪费到到啦f佛发大水了佛</view> <view>{{popurl}}隆福大厦哦哦浪费到到啦f佛发大水了佛</view>
<router-view></router-view>
<web-view src="http://localhost:8080/#/pages/help/private"></web-view>
</scroll-view> </scroll-view>
<!-- 关闭按钮 --> <!-- 关闭按钮 -->
<view class="close" @click="close('close')" v-if="showClose != false"> <view class="close" @click="close('close')" v-if="showClose != false">
@ -82,8 +80,10 @@
mounted() {}, mounted() {},
methods: { methods: {
open(e) { open(e) {
console.log("zujian popup open",e) //
}, },
//
stop() {},
moveHandle() { moveHandle() {
// //
}, },
@ -187,10 +187,11 @@
padding: 30rpx 25rpx; padding: 30rpx 25rpx;
box-sizing: border-box; box-sizing: border-box;
.specification-wrapper-content { .specification-wrapper-content
{
width: 100%; width: 100%;
max-height: 900rpx; max-height: 900rpx;
min-height: 300rpx; min-height: 400rpx;
&::-webkit-scrollbar { &::-webkit-scrollbar {
/*隐藏滚轮*/ /*隐藏滚轮*/
@ -221,14 +222,17 @@
.close { .close {
position: absolute; position: absolute;
top: 30rpx; top: -30rpx;
right: 25rpx; right: 25rpx;
width: 50rpx; width: 60rpx;
height: 50rpx; height: 60rpx;
text-align: center; text-align: center;
line-height: 50rpx; line-height: 60rpx;
background-color: #fff;
border-radius: 50%;
.close-item { .close-item {
margin: 10rpx;
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }

15
pages/reg/reg.vue

@ -50,7 +50,7 @@
</view> </view>
<!-- 弹框 --> <!-- 弹框 -->
<popup v-model="showPopup" :maskCloseAble="true"></popup> <popup v-model="showPopup" :maskCloseAble="true" :popurl="murl"></popup>
<!-- <whpop></whpop> --> <!-- <whpop></whpop> -->
@ -225,16 +225,11 @@
}, },
// //
viewdoc(e){ viewdoc(e){
this.$toast(e)
this.showPopup = ! this.showPopup
// //
// let xurl="pages/help/"+e let xurl="pages/help/"+e
// this.$navTo(xurl) this.murl= xurl;
// console.log(xurl) // this.$toast(e)
// this.murl= xurl; this.showPopup = ! this.showPopup
// this.$emit("open")
// this.$navTo("pages/");
}, },
// //
openPop(e){ openPop(e){

Loading…
Cancel
Save