|
|
@ -1,42 +1,18 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<!--pages/release/index.wxml--> |
|
|
|
<!--pages/release/index.wxml--> |
|
|
|
<view class="release-page"> |
|
|
|
<view class="release-page"> |
|
|
|
<view class="guid-box acea-row"> |
|
|
|
|
|
|
|
<view class="guid-title">发布指南</view> |
|
|
|
|
|
|
|
<image src="../../static/images/handbook.png" class="handbook-img"></image> |
|
|
|
|
|
|
|
<view class="title-s">详细阅读有助于让你快速了解云生态发布规则,更准确地发布内容</view> |
|
|
|
|
|
|
|
<image src="../../static/images/arror-right.png" class="arror-r"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="auth-btn-box acea-row row-column row-middle"> |
|
|
|
<view class="auth-btn-box acea-row row-column row-middle"> |
|
|
|
<view class="auth-btn acea-row row-middle" @tap="toPersonlAuth"> |
|
|
|
<view class="auth-btn" @tap="toCompanyAuth" v-if="authStatus == 0 || authStatus == 3">企业认证<image |
|
|
|
<view><image src="/static/images/user/person.png" class="auth-headimg person-img"></image></view> |
|
|
|
src="/static/images/back.png"></image> |
|
|
|
<view> |
|
|
|
|
|
|
|
<view class="auth-title">个人认证</view> |
|
|
|
|
|
|
|
<view class="auth-title-h">个人认证后可发布资源项目及需求</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="auth-btn acea-row row-middle" @tap="toCompanyAuth"> |
|
|
|
|
|
|
|
<view><image src="/static/images/user/business.png" class="auth-headimg business-img"></image></view> |
|
|
|
|
|
|
|
<view> |
|
|
|
|
|
|
|
<view class="auth-title">企业认证</view> |
|
|
|
|
|
|
|
<view class="auth-title-h">企业认证后可发布资源项目及需求,展示企业相关服务</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image> |
|
|
|
<view class="auth-btn bgG" @tap="toPersonlAuth" v-if="authStatus == 0 || authStatus == 3">个人认证<image |
|
|
|
</view> |
|
|
|
src="/static/images/back.png"></image> |
|
|
|
<view class="auth-btn acea-row row-middle" @tap="toInvestorAuth"> |
|
|
|
|
|
|
|
<view><image src="/static/images/user/investor.png" class="auth-headimg investor-img"></image></view> |
|
|
|
|
|
|
|
<view> |
|
|
|
|
|
|
|
<view class="auth-title">投资方认证</view> |
|
|
|
|
|
|
|
<view class="auth-title-h">投资方认证后可查看项目方发布项目详情</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view :class="'posi ' + (authStatus == 1 || authStatus == 2 ? 'top30' : '')"> |
|
|
|
<view :class="'posi ' + (authStatus == 1 || authStatus == 2 ? 'top30' : '')"> |
|
|
|
<!-- <view class="tips-box"> |
|
|
|
<view class="tips-box"> |
|
|
|
<view class="tips acea-row-nowrap row-middle"> |
|
|
|
<view class="tips acea-row-nowrap row-middle" v-if="authStatus == 0 || authStatus == 3"> |
|
|
|
<view class="icon">!</view> |
|
|
|
<!-- <view class="icon">!</view> --> |
|
|
|
<view>注:完成企业认证后可以发布资源及需求,个人认证后只可发布需求</view> |
|
|
|
<view>注:完成企业认证后可以发布资源及需求,个人认证后只可发布需求</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tips acea-row row-middle" v-if="authStatus == 0"> |
|
|
|
<view class="tips acea-row row-middle" v-if="authStatus == 0"> |
|
|
@ -56,33 +32,23 @@ |
|
|
|
<view>{{authType == 1 ? '企业信息未审核通过, 请重新提交审核信息!' : '个人信息未审核通过, 请重新提交审核信息!'}}</view> |
|
|
|
<view>{{authType == 1 ? '企业信息未审核通过, 请重新提交审核信息!' : '个人信息未审核通过, 请重新提交审核信息!'}}</view> |
|
|
|
<view>未通过理由:{{reason}}</view> |
|
|
|
<view>未通过理由:{{reason}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<view class="btn-box "> |
|
|
|
|
|
|
|
<view :class="'btn ' + (authStatus == 2 && authType == 1 ? '' : 'default' )" @tap="toResources" class="acea-row row-middle btn-res"> |
|
|
|
|
|
|
|
<image src="/static/images/auth-icon1.png"></image> |
|
|
|
|
|
|
|
<view> |
|
|
|
|
|
|
|
<view class="tip">发布资源</view> |
|
|
|
|
|
|
|
<view class="tip-s">我要发布我的资源展示在供应广场</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="btn-box acea-row row-between"> |
|
|
|
|
|
|
|
<view :class="'btn ' + (authStatus == 2 && authType == 1 ? 'auth' : '' )" @tap="toResources"> |
|
|
|
|
|
|
|
<view class="tip">我能提供...</view> |
|
|
|
|
|
|
|
<image :class="authStatus == 2 && authType == 1 ? '' : 'default'" src="/static/images/yrz1.png"> |
|
|
|
|
|
|
|
</image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view :class="'btn ' + (authStatus == 2 ? '' : 'default' )" @tap="toNeeds" class="acea-row row-middle btn-need"> |
|
|
|
<view :class="'btn ' + (authStatus == 2 ? 'auth' : '' )" @tap="toNeeds"> |
|
|
|
<image src="/static/images/auth-icon2.png"></image> |
|
|
|
<view class="tip">我有需求...</view> |
|
|
|
<view> |
|
|
|
<image :class="authStatus == 2 ? '' : 'default'" src="/static/images/yrz2.png"></image> |
|
|
|
<view class="tip">发布需求</view> |
|
|
|
|
|
|
|
<view class="tip-s">我要发布我的资源展示在供应广场</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view :class="'btn ' + (authStatus == 2 ? '' : 'default' )" @tap="" class="acea-row row-middle btn-demo"> |
|
|
|
<view class="close" @tap="back"> |
|
|
|
<image src="/static/images/auth-icon3.png"></image> |
|
|
|
<image src="/static/images/fabu-close.png"></image> |
|
|
|
<view> |
|
|
|
|
|
|
|
<view class="tip">发布项目</view> |
|
|
|
|
|
|
|
<view class="tip-s">发布优质项目精准推荐投资方</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="close" @tap="back"><image src="/static/images/close-icon.png"></image></view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
@ -115,6 +81,30 @@ export default { |
|
|
|
this.isAuthentication(); |
|
|
|
this.isAuthentication(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
|
|
* 生命周期函数--监听页面隐藏 |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
onHide: function() {}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
|
|
* 生命周期函数--监听页面卸载 |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
onUnload: function() {}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
|
|
* 页面相关事件处理函数--监听用户下拉动作 |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
onPullDownRefresh: function() {}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
|
|
* 页面上拉触底事件的处理函数 |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
onReachBottom: function() {}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
|
|
* 用户点击右上角分享 |
|
|
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
onShareAppMessage: function() {}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
back() { |
|
|
|
back() { |
|
|
|
let pages = getCurrentPages(); |
|
|
|
let pages = getCurrentPages(); |
|
|
@ -133,7 +123,7 @@ export default { |
|
|
|
url: '/pages/user/index' |
|
|
|
url: '/pages/user/index' |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 个人认证 |
|
|
|
|
|
|
|
toPersonlAuth() { |
|
|
|
toPersonlAuth() { |
|
|
|
if (this.authStatus == 0) { |
|
|
|
if (this.authStatus == 0) { |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
@ -149,14 +139,9 @@ export default { |
|
|
|
title: '认证申请审核中,请等待!', |
|
|
|
title: '认证申请审核中,请等待!', |
|
|
|
icon: 'none' |
|
|
|
icon: 'none' |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if(this.authStatus == 2){ |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: '已完成认证', |
|
|
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 企业认证 |
|
|
|
|
|
|
|
toCompanyAuth() { |
|
|
|
toCompanyAuth() { |
|
|
|
if (this.authStatus == 0) { |
|
|
|
if (this.authStatus == 0) { |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
@ -172,53 +157,8 @@ export default { |
|
|
|
title: '认证申请审核中,请等待!', |
|
|
|
title: '认证申请审核中,请等待!', |
|
|
|
icon: 'none' |
|
|
|
icon: 'none' |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if(this.authStatus == 2){ |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: '已完成认证', |
|
|
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 投资方认证 |
|
|
|
|
|
|
|
toInvestorAuth() { |
|
|
|
|
|
|
|
if (this.authStatus == 0) { |
|
|
|
|
|
|
|
uni.navigateTo({ |
|
|
|
|
|
|
|
url: '/pages/release/investorAuth/index' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} else if (this.authStatus == 3) { |
|
|
|
|
|
|
|
let authInfo = encodeURIComponent(JSON.stringify(this.authInfo)); |
|
|
|
|
|
|
|
uni.navigateTo({ |
|
|
|
|
|
|
|
url: '/pages/release/investorAuth/index?authInfo=' + authInfo |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} else if (this.authStatus == 1) { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: '认证申请审核中,请等待!', |
|
|
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} else if(this.authStatus == 2){ |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: '已完成认证', |
|
|
|
|
|
|
|
icon: 'none' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
// toPersonlAuth() { |
|
|
|
|
|
|
|
// if (this.authStatus == 0) { |
|
|
|
|
|
|
|
// uni.navigateTo({ |
|
|
|
|
|
|
|
// url: '/pages/release/personAuth/index' |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// } else if (this.authStatus == 3) { |
|
|
|
|
|
|
|
// let authInfo = encodeURIComponent(JSON.stringify(this.authInfo)); |
|
|
|
|
|
|
|
// uni.navigateTo({ |
|
|
|
|
|
|
|
// url: '/pages/release/personAuth/index?authInfo=' + authInfo |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// } else if (this.authStatus == 1) { |
|
|
|
|
|
|
|
// uni.showToast({ |
|
|
|
|
|
|
|
// title: '认证申请审核中,请等待!', |
|
|
|
|
|
|
|
// icon: 'none' |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// }, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
isAuthentication() { |
|
|
|
isAuthentication() { |
|
|
|
app.http('get', 'user/isAuthentication').then(res => { |
|
|
|
app.http('get', 'user/isAuthentication').then(res => { |
|
|
@ -258,7 +198,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if (this.authStatus == 0 && (this.authType == 1 || this.authType == 0) && this.completeState == false) { |
|
|
|
} else if (this.authStatus == 0 && (this.authType == 1 || this.authType == 0) && this.completeState == |
|
|
|
|
|
|
|
false) { |
|
|
|
uni.showModal({ |
|
|
|
uni.showModal({ |
|
|
|
title: '提示!', |
|
|
|
title: '提示!', |
|
|
|
content: '您还未完成企业认证,点击确定去认证吧~', |
|
|
|
content: '您还未完成企业认证,点击确定去认证吧~', |
|
|
@ -273,7 +214,6 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
toNeeds() { |
|
|
|
toNeeds() { |
|
|
@ -281,7 +221,8 @@ export default { |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/user/editNeeds/index?type=2' |
|
|
|
url: '/pages/user/editNeeds/index?type=2' |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if (this.authStatus == 2 && (this.authType == 2 || this.authType == 0) && this.completeState == false) { |
|
|
|
} else if (this.authStatus == 2 && (this.authType == 2 || this.authType == 0) && this.completeState == |
|
|
|
|
|
|
|
false) { |
|
|
|
uni.showModal({ |
|
|
|
uni.showModal({ |
|
|
|
title: '提示!', |
|
|
|
title: '提示!', |
|
|
|
content: '您还未完善个人信息,点击确定去完善吧~', |
|
|
|
content: '您还未完善个人信息,点击确定去完善吧~', |
|
|
@ -293,7 +234,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if (this.authStatus == 0 && (this.authType == 2 || this.authType == 0) && this.completeState == false) { |
|
|
|
} else if (this.authStatus == 0 && (this.authType == 2 || this.authType == 0) && this.completeState == |
|
|
|
|
|
|
|
false) { |
|
|
|
uni.showModal({ |
|
|
|
uni.showModal({ |
|
|
|
title: '提示!', |
|
|
|
title: '提示!', |
|
|
|
content: '您还未完成认证,点击上方按钮去认证吧!' |
|
|
|
content: '您还未完成认证,点击上方按钮去认证吧!' |
|
|
@ -306,98 +248,55 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style> |
|
|
|
<style> |
|
|
|
/* pages/release/index.wxss */ |
|
|
|
/* pages/release/index.wxss */ |
|
|
|
.guid-box{ |
|
|
|
|
|
|
|
width: 662rpx; |
|
|
|
|
|
|
|
height: 140rpx; |
|
|
|
|
|
|
|
margin: 196rpx 46rpx 60rpx 40rpx; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.guid-title{ |
|
|
|
|
|
|
|
width: 192rpx; |
|
|
|
|
|
|
|
height: 56rpx; |
|
|
|
|
|
|
|
font-size: 42rpx; |
|
|
|
|
|
|
|
color: #1D1D1D; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.handbook-img{ |
|
|
|
|
|
|
|
width: 200rpx; |
|
|
|
|
|
|
|
height: 56rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.title-s{ |
|
|
|
|
|
|
|
width: 650rpx; |
|
|
|
|
|
|
|
height: 74rpx; |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
|
|
color: #1D1D1D; |
|
|
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.arror-r{ |
|
|
|
|
|
|
|
width: 21rpx; |
|
|
|
|
|
|
|
height: 39rpx; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
right: 0; |
|
|
|
|
|
|
|
top: 16rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.auth-btn-box { |
|
|
|
.auth-btn-box { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
margin-top: 60rpx; |
|
|
|
margin-top: 300rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.auth-btn { |
|
|
|
.auth-btn { |
|
|
|
width: 666rpx; |
|
|
|
width: 310rpx; |
|
|
|
height: 134rpx; |
|
|
|
height: 101rpx; |
|
|
|
box-shadow: 0px 0px 12rpx rgba(164, 164, 164, 0.16); |
|
|
|
background: linear-gradient(137deg, #FFCDB8 0%, #FF9060 100%); |
|
|
|
border-radius: 12rpx; |
|
|
|
border-radius: 12rpx; |
|
|
|
margin-bottom: 22rpx; |
|
|
|
display: flex; |
|
|
|
background: #FFFFFF; |
|
|
|
align-items: center; |
|
|
|
position: relative; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
color: #fff; |
|
|
|
.auth-headimg{ |
|
|
|
margin-bottom: 50rpx; |
|
|
|
margin: 0 44rpx 0 44rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.person-img{ |
|
|
|
|
|
|
|
width: 73rpx; |
|
|
|
.auth-btn image { |
|
|
|
height: 68rpx; |
|
|
|
width: 32rpx; |
|
|
|
} |
|
|
|
height: 32rpx; |
|
|
|
.business-img{ |
|
|
|
transform: rotate(180deg); |
|
|
|
width: 65rpx; |
|
|
|
|
|
|
|
height: 73rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.investor-img{ |
|
|
|
|
|
|
|
width: 65rpx; |
|
|
|
|
|
|
|
height: 73rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.auth-title{ |
|
|
|
|
|
|
|
width: 454rpx; |
|
|
|
|
|
|
|
height: 40rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.auth-title-h{ |
|
|
|
|
|
|
|
width: 445rpx; |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
|
|
color: #686868; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.tojump{ |
|
|
|
|
|
|
|
width: 21rpx; |
|
|
|
.bgG { |
|
|
|
height: 39rpx; |
|
|
|
background: linear-gradient(137deg, #BFD7F9 0%, #A8C8F6 100%); |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
right: 32rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.posi { |
|
|
|
.posi { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
bottom: 100rpx; |
|
|
|
bottom: 100rpx; |
|
|
|
margin-top: 50rpx; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.top30 { |
|
|
|
.top30 { |
|
|
|
bottom: 30%; |
|
|
|
bottom: 30%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tips-box { |
|
|
|
.tips-box { |
|
|
|
/* margin-top: 15%; */ |
|
|
|
/* margin-top: 15%; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tips { |
|
|
|
.tips { |
|
|
|
color: #FF0000; |
|
|
|
color: #FF0000; |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
padding-left: 54rpx; |
|
|
|
padding-left: 54rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
.icon { |
|
|
|
width: 26rpx; |
|
|
|
width: 26rpx; |
|
|
|
height: 26rpx; |
|
|
|
height: 26rpx; |
|
|
@ -408,54 +307,52 @@ export default { |
|
|
|
font-size: 20rpx; |
|
|
|
font-size: 20rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-box { |
|
|
|
.btn-box { |
|
|
|
width: 598rpx; |
|
|
|
width: 100%; |
|
|
|
margin: 0 auto; |
|
|
|
padding: 0 36rpx; |
|
|
|
|
|
|
|
margin-top: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
.btn { |
|
|
|
width: 598rpx; |
|
|
|
width: 320rpx; |
|
|
|
height: 150rpx; |
|
|
|
height: 378rpx; |
|
|
|
background: #F8F8F8; |
|
|
|
|
|
|
|
border-radius: 148px; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
margin-bottom: 42rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btn-res{ |
|
|
|
|
|
|
|
background: #FF783A; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btn-need{ |
|
|
|
|
|
|
|
background: #6AA5FF; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.btn-demo{ |
|
|
|
|
|
|
|
background: #ACAAFF; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-box image { |
|
|
|
.btn-box image { |
|
|
|
width: 98rpx; |
|
|
|
width: 320rpx; |
|
|
|
height: 98rpx; |
|
|
|
height: 378rpx; |
|
|
|
margin: 0 32rpx 0 42rpx; |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-box .default { |
|
|
|
.btn-box .default { |
|
|
|
filter: grayscale(100%); |
|
|
|
filter: grayscale(1); |
|
|
|
} |
|
|
|
|
|
|
|
.bgGary{ |
|
|
|
|
|
|
|
/* -webkit-filter:grayscale(100%); */ |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn .tip { |
|
|
|
.btn .tip { |
|
|
|
color: #FFFFFF; |
|
|
|
color: #9C9C9C; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 32rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
margin-bottom: 12rpx; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
top: 70rpx; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
} |
|
|
|
} |
|
|
|
.tip-s{ |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
.btn .auth { |
|
|
|
color: #FFFFFF; |
|
|
|
color: #1D1D1D; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.close { |
|
|
|
.close { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
margin: 114rpx 0 180rpx 0; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.close image { |
|
|
|
.close image { |
|
|
|
width: 40rpx; |
|
|
|
width: 88rpx; |
|
|
|
height: 40rpx; |
|
|
|
height: 88rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |