no message
This commit is contained in:
@@ -0,0 +1,135 @@
|
||||
<template>
|
||||
<view class="down-popup-view" v-if="show">
|
||||
<view class="down-panel">
|
||||
<view class="flex-r-lr mt-24">
|
||||
<view></view>
|
||||
<text class="text-zu1 text-32">{{title}}</text>
|
||||
<image src="@/static/new/close.png" @click.stop="onCancel" class="close-img"></image>
|
||||
</view>
|
||||
<text class="text-zu1 text-48 mt-88">{{articleTitle}}</text>
|
||||
<view class="content-text mt-48">
|
||||
<text class="text-28 text-zu1">
|
||||
{{contentText}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="bottom-btn">
|
||||
<view class="left-box left flex-c" @click.stop="onCancel">
|
||||
<text class="text-fu text-32">{{cancel}}</text>
|
||||
</view>
|
||||
<view class="left-box right flex-c" @click.stop="onOk">
|
||||
<text class="text-white text-32">{{ok}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
props:{
|
||||
show:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
title:{
|
||||
type:String,
|
||||
default:'签署合同'
|
||||
},
|
||||
articleTitle:{
|
||||
type:String,
|
||||
default:'消费型合伙人协议'
|
||||
},
|
||||
cancel:{
|
||||
type:String,
|
||||
default:'取消'
|
||||
},
|
||||
ok:{
|
||||
type:String,
|
||||
default:'去签署'
|
||||
},
|
||||
contentText:{
|
||||
type:String,
|
||||
default:`致：中华资本有限公司
|
||||
鉴于贵司与本企业（以下简称“承诺方”）就Alpha基金会股权承销项目达成合作，为明确资金来源合法性及责任划分，承诺方自愿作出如下不可撤销的承诺：
|
||||
|
||||
一、资金来源合法性承诺
|
||||
1.合法合规性
|
||||
本企业承诺，本次Alpha基金会股权承销项目11111111111111111111111111111111111`
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods: {
|
||||
onCancel(){
|
||||
this.$emit('click');
|
||||
},
|
||||
onOk(){
|
||||
this.$emit('ok');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.down-popup-view{
|
||||
width:100%;
|
||||
height:100vh;
|
||||
min-height:100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
position: fixed;
|
||||
z-index: 2000;
|
||||
.down-panel{
|
||||
width:100%;
|
||||
height:764rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 32rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
border-radius: 32rpx 32rpx 0 0 ;
|
||||
.content-text{
|
||||
flex:1;
|
||||
width:100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.bottom-btn{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
width:100%;
|
||||
height:88rpx;
|
||||
margin-top:40rpx;
|
||||
margin-bottom:80rpx;
|
||||
.left-box{
|
||||
width:48%;
|
||||
height:100%;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.left{
|
||||
border:1rpx solid #eaeaea;
|
||||
}
|
||||
.right{
|
||||
background: linear-gradient( 270deg, #B164FB 0%, #7934F6 100%);
|
||||
}
|
||||
}
|
||||
.close-img{
|
||||
width:44rpx;
|
||||
height:44rpx;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,20 @@
|
||||
//取手机设置
|
||||
const systemInfo = uni.getSystemInfoSync();
|
||||
|
||||
//屏幕长高 顶部 底部安全区 型号 是否为ios 以ios11模拟器开发暂取5个 安卓和其它ios机型有需要以后在说
|
||||
export const screen = {
|
||||
width:systemInfo.safeArea.width,
|
||||
height:systemInfo.safeArea.height,
|
||||
top:systemInfo.statusBarHeight ? systemInfo.statusBarHeight : systemInfo.safeAreaInsets.top,
|
||||
bottom:Math.abs(systemInfo.safeAreaInsets.bottom),
|
||||
platform:systemInfo.platform,
|
||||
isIos:systemInfo.platform === 'ios' ? true : false
|
||||
};
|
||||
|
||||
//网络状态 当前网络状态 是否有网 是否支持下载 4 5g wifi 支持
|
||||
export const network = {
|
||||
curNet:'',
|
||||
isNone:'',
|
||||
isDownload:''
|
||||
};
|
||||
|
||||
@@ -0,0 +1,137 @@
|
||||
<template>
|
||||
<view class="header" :style="{backgroundColor:bgColor,height:height,borderBottomWidth:borderWidth}">
|
||||
<view class="header-left">
|
||||
<view class="header-left" v-if="isBack" @click="goback">
|
||||
<u-icon :size="fontSize" name="arrow-left" :color="color"></u-icon>
|
||||
</view>
|
||||
<slot name="left" v-else>
|
||||
</slot>
|
||||
</view>
|
||||
<view class="header-mid">
|
||||
<text :style="{fontSize:fontSize,fontWeight:fontWeight,color:color}">{{title}}</text>
|
||||
</view>
|
||||
<view class="header-right">
|
||||
<slot name="right">
|
||||
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
/**
|
||||
* 共用头部
|
||||
* title:中间标题 默认空
|
||||
* bgColor:背景色 默认#fff
|
||||
* height:高度 默认88rpx
|
||||
* isBack:是否打开左方返回 默认打开
|
||||
* borderWidth:下划线 默认无
|
||||
* fontSize:返回箭头 中间字体大小 默认30rpx
|
||||
* fontWeight:中间字体字重 默认加粗
|
||||
* color:返回箭头 中间字体颜色 默认#333
|
||||
* slot->left:左边插槽 开启后要将isBack传false
|
||||
* slot->right:右边插槽
|
||||
* isReturn 抛出返回方法
|
||||
*/
|
||||
export default {
|
||||
props:{
|
||||
black:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
title:{
|
||||
type:String,
|
||||
default:''
|
||||
},
|
||||
bgColor:{
|
||||
type:String,
|
||||
default:'#fff'
|
||||
},
|
||||
height:{
|
||||
type:String,
|
||||
default:'88rpx'
|
||||
},
|
||||
isBack:{
|
||||
type:Boolean,
|
||||
default:true
|
||||
},
|
||||
borderWidth:{
|
||||
type:String,
|
||||
default:'0'
|
||||
},
|
||||
fontSize:{
|
||||
type:String,
|
||||
default:'36rpx'
|
||||
},
|
||||
fontWeight:{
|
||||
type:String,
|
||||
default:'bold'
|
||||
},
|
||||
color:{
|
||||
type:String,
|
||||
default:'#333'
|
||||
},
|
||||
isReturn:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
}
|
||||
|
||||
},
|
||||
mounted(){
|
||||
},
|
||||
methods: {
|
||||
goback(){
|
||||
if(this.isReturn){
|
||||
this.$emit('return');
|
||||
}else{
|
||||
console.log('2312313')
|
||||
uni.navigateBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.header{
|
||||
width:100vw;
|
||||
height:88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #eee;
|
||||
font-weight: bold;
|
||||
padding: 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
box-sizing: border-box;
|
||||
.header-left{
|
||||
min-width:120rpx;
|
||||
height:100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.left-img{
|
||||
width:18rpx;
|
||||
height:32rpx;
|
||||
}
|
||||
}
|
||||
.header-right{
|
||||
min-width:120rpx;
|
||||
height:100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
position: relative;
|
||||
}
|
||||
.header-mid{
|
||||
flex:1;
|
||||
height:100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<view :style="{ height: safeHeight + 'px',width:width + 'px',backgroundColor:bgColor}"
|
||||
class="top-view">
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {screen} from './global.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
safeHeight:screen.top,
|
||||
width:screen.width
|
||||
}
|
||||
},
|
||||
props: {
|
||||
bgColor:{
|
||||
type:String,
|
||||
default:'#fff'
|
||||
}
|
||||
},
|
||||
onShow(){
|
||||
// safeHeight:screen.top,
|
||||
// width:screen.width,
|
||||
},
|
||||
mounted(){
|
||||
this.width = screen.width;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.top-view{
|
||||
display: flex;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user