|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<portal to="notification-detail">
|
|
|
<div class="detailBoxMask"></div>
|
|
|
- <div class="detailBox-wrap viewPrew">
|
|
|
+ <div class="detailBox-wrap">
|
|
|
<div class="content detailBoxMain" ref="detailBox">
|
|
|
<!-- <div class="tmpDom"></div> -->
|
|
|
<div class="main">
|
|
@@ -35,8 +35,7 @@
|
|
|
import Detail from './Detail.vue';
|
|
|
import Toast from '../common/Toast.vue';
|
|
|
import Picker from '../common/Picker.vue';
|
|
|
- import {fixedKeyboard,setScroll,moduleCP} from '@utils/tools.js';
|
|
|
- import BScroll from 'better-scroll';
|
|
|
+ import {fixedKeyboard,moduleCP} from '@utils/tools.js';
|
|
|
import $ from 'jquery';
|
|
|
export default {
|
|
|
name:'DetailBox', //点开详情的盒子
|
|
@@ -68,11 +67,6 @@
|
|
|
if(checkReq && hasCheck){
|
|
|
this.reqFinish = true;
|
|
|
}
|
|
|
- setTimeout(() => {
|
|
|
- // let scroll = setScroll(BScroll,true,'.viewPrew')
|
|
|
- // this.scroll = scroll
|
|
|
- // scroll.on('scroll', this.onScroll)
|
|
|
- }, 400);
|
|
|
})
|
|
|
},
|
|
|
methods:{
|
|
@@ -82,10 +76,6 @@
|
|
|
slideAll(){
|
|
|
this.$refs.detail.slideAll();
|
|
|
},
|
|
|
- onScroll(data) {
|
|
|
- this.$store.commit('setScroll', data)
|
|
|
- document.activeElement.scrollIntoViewIfNeeded(true);
|
|
|
- },
|
|
|
close(){
|
|
|
// 有必填项但没值则将choose移除 8-19
|
|
|
// 没点过完成,点关闭时校验是否有必填项--有直接移除
|
|
@@ -182,23 +172,22 @@
|
|
|
height: 1.5rem;
|
|
|
}
|
|
|
.detailBox-wrap{
|
|
|
- width: 100%;
|
|
|
position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
top:1rem;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
z-index: 666;
|
|
|
background: #fff;
|
|
|
- border-radius: .08rem .08rem 0 0;
|
|
|
font-size: .3rem;
|
|
|
animation: wave .4s linear;
|
|
|
- height: 100%;
|
|
|
overflow: hidden;
|
|
|
border-radius:.2rem .2rem 0px 0px;
|
|
|
.main{
|
|
|
height: 100%;
|
|
|
width:100%;
|
|
|
- padding-bottom: 1rem;
|
|
|
+ // padding-bottom: 1rem;
|
|
|
}
|
|
|
}
|
|
|
.foot{
|
|
@@ -214,13 +203,6 @@
|
|
|
}
|
|
|
animation-delay:.6s;
|
|
|
animation: foo .4s linear;
|
|
|
- /* width:100%;
|
|
|
- height: .88rem;
|
|
|
- line-height: .88rem;
|
|
|
- text-align: center;
|
|
|
- color:#fff;
|
|
|
- font-size: .32rem;
|
|
|
- background: linear-gradient(-270deg, #4F4FFF,#4F8BFF); */
|
|
|
}
|
|
|
.check{
|
|
|
color: #1A1A1A;
|