|
|
|
|
@ -1,135 +1,175 @@ |
|
|
|
|
<template> |
|
|
|
|
<view class="accounmt"> |
|
|
|
|
<view class="beizhu"> |
|
|
|
|
友情提示：完善简历有助于您在竞标时提高竞争力哦 |
|
|
|
|
<view class="jianlibox"> |
|
|
|
|
<view class="topTip"> |
|
|
|
|
友情提示：入驻成为云员工，简历才能被企业主浏览到哦，去<text @click="ruzhu">PC端入驻</text> |
|
|
|
|
</view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<view> |
|
|
|
|
<view style="display: flex;align-items: center;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;"> |
|
|
|
|
<view class="accounmt"> |
|
|
|
|
<view class="accounmtBox"> |
|
|
|
|
<view class="newTitle paddingL"> |
|
|
|
|
<view class="newTitlename"> |
|
|
|
|
{{resumedata.name}} |
|
|
|
|
</p> |
|
|
|
|
<p>{{resumedata.sex}}</p> |
|
|
|
|
</view> |
|
|
|
|
<view class="newTitlesex"> |
|
|
|
|
性别：{{resumedata.sex}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 个人优势 --> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;">基本信息</p> |
|
|
|
|
<img @click="nextpro('advantage')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" |
|
|
|
|
src="http://image.keyitest.cn/static/resume/edit.png" alt="" /> |
|
|
|
|
</view> |
|
|
|
|
<p v-if='resumedata.city' @click="nextpro('advantage')" |
|
|
|
|
style="color: #333333;margin-top:13px;line-height: 40rpx;">{{resumedata.city}}</p> |
|
|
|
|
<p v-if='resumedata.testSkills' @click="nextpro('advantage')" |
|
|
|
|
style="color: #333333;margin-top:13px;line-height: 40rpx;">{{resumedata.testSkills}}</p> |
|
|
|
|
<p v-if='resumedata.personalAdvantage' @click="nextpro('advantage')" |
|
|
|
|
style="color: #333333;margin-top:13px;line-height: 40rpx;">{{resumedata.personalAdvantage}}</p> |
|
|
|
|
<p v-else style="color: #333333;margin-top:13px;">无</p> |
|
|
|
|
<div class="contenBox paddingL"> |
|
|
|
|
<!-- 基本信息 --> |
|
|
|
|
<div class="contenItem paddingL"> |
|
|
|
|
<div class="contenItemTIle"> |
|
|
|
|
<div class="contenItemTIleL">基本信息</div> |
|
|
|
|
<img class="contenItemTIleR" |
|
|
|
|
src="http://image.keyitest.cn/static/index/renliwb/cloudicon7.png" |
|
|
|
|
@click="nextpro('advantage')" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemC"> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
所在城市：{{resumedata.city}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
技能方向：{{resumedata.testSkills}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
个人优势：{{resumedata.personalAdvantage}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 工作经历 --> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;">工作经历</p> |
|
|
|
|
<img @click="nextpro('work')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" |
|
|
|
|
src="http://image.keyitest.cn/static/resume/add.png" alt="" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="worklist.length>0"> |
|
|
|
|
<view v-for="(item,key) of worklist" @click="workdetaols(item)"> |
|
|
|
|
<view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;"> |
|
|
|
|
<p style="font-weight: bold;font-size:14px;">{{item.name}}</p> |
|
|
|
|
<view style="display: flex;"> |
|
|
|
|
<p style="margin-right:6px;color: #4D4D4D;">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
</p> |
|
|
|
|
<u-icon name="arrow-right" color="#808080" size="26"></u-icon> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<p style="color:#000000">{{item.title}}</p> |
|
|
|
|
<p style="color: #595959;margin-top:25rpx;line-height: 20px;"> |
|
|
|
|
{{item.intro}} |
|
|
|
|
</p> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<p v-else style="color: #333333;margin-top:13px;">无</p> |
|
|
|
|
<div class="contenItem paddingL"> |
|
|
|
|
<div class="contenItemTIle"> |
|
|
|
|
<div class="contenItemTIleL">工作经历</div> |
|
|
|
|
<img class="contenItemTIleR contenItemTIleR2" |
|
|
|
|
src="http://image.keyitest.cn/static/index/renliwb/cloudicon8.png" |
|
|
|
|
@click="nextpro('work')" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemC"> |
|
|
|
|
<div class="contenItemCitem" v-for="(item,key) of worklist" :key="key" |
|
|
|
|
@click="workdetaols(item)"> |
|
|
|
|
<div class="contenItemCitemT"> |
|
|
|
|
<div class="contenItemCitemL">{{item.name}}</div> |
|
|
|
|
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCitemM"> |
|
|
|
|
{{item.title}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
工作内容：{{item.intro}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 项目经历 --> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;">项目经历</p> |
|
|
|
|
<img @click="nextpro('pro')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" |
|
|
|
|
src="http://image.keyitest.cn/static/resume/add.png" alt="" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="projectlist.length>0"> |
|
|
|
|
<view v-for="(item,key) of projectlist" @click="prodetaols(item)"> |
|
|
|
|
<view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;"> |
|
|
|
|
<p style="font-weight: bold;font-size:14px;">{{item.name}}</p> |
|
|
|
|
<view style="display: flex;"> |
|
|
|
|
<p style="margin-right:6px;color: #4D4D4D;">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
</p> |
|
|
|
|
<u-icon name="arrow-right" color="#808080" size="26"></u-icon> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<p style="color:#000000">{{item.title}}</p> |
|
|
|
|
<p style="color: #595959;margin-top:25rpx;line-height: 20px;"> |
|
|
|
|
{{item.intro}} |
|
|
|
|
</p> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<p v-else style="color: #333333;margin-top:13px;">无</p> |
|
|
|
|
|
|
|
|
|
<div class="contenItem paddingL"> |
|
|
|
|
<div class="contenItemTIle"> |
|
|
|
|
<div class="contenItemTIleL">项目经历</div> |
|
|
|
|
<img class="contenItemTIleR contenItemTIleR2" |
|
|
|
|
src="http://image.keyitest.cn/static/index/renliwb/cloudicon8.png" |
|
|
|
|
@click="nextpro('pro')" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemC"> |
|
|
|
|
<div class="contenItemCitem" v-for="(item,key) of projectlist" :key="key" |
|
|
|
|
@click="prodetaols(item)"> |
|
|
|
|
<div class="contenItemCitemT"> |
|
|
|
|
<div class="contenItemCitemL">{{item.name}}</div> |
|
|
|
|
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCitemM"> |
|
|
|
|
{{item.title}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
应用技术：{{item.applyTech}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCIt"> |
|
|
|
|
工作内容：{{item.intro}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 教育经历 --> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;">教育经历</p> |
|
|
|
|
<img @click="nextpro('edu')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" |
|
|
|
|
src="http://image.keyitest.cn/static/resume/add.png" alt="" /> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="educationlist.length>0"> |
|
|
|
|
<view v-for="(item,key) of educationlist" @click="edudetaols(item)"> |
|
|
|
|
<view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;"> |
|
|
|
|
<p style="font-weight: bold;font-size:14px;">{{item.name}}</p> |
|
|
|
|
<view style="display: flex;"> |
|
|
|
|
<p style="margin-right:6px;color: #4D4D4D;">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
</p> |
|
|
|
|
<u-icon name="arrow-right" color="#808080" size="26"></u-icon> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<p style="color:#000000">{{item.education}}</p> |
|
|
|
|
<p style="color: #595959;margin-top:25rpx;line-height: 20px;"> |
|
|
|
|
{{item.major}} |
|
|
|
|
</p> |
|
|
|
|
<div class="contenItem paddingL"> |
|
|
|
|
<div class="contenItemTIle"> |
|
|
|
|
<div class="contenItemTIleL">教育经历</div> |
|
|
|
|
<img class="contenItemTIleR contenItemTIleR2" |
|
|
|
|
src="http://image.keyitest.cn/static/index/renliwb/cloudicon8.png" |
|
|
|
|
@click="nextpro('edu')" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemC"> |
|
|
|
|
<div class="contenItemCitem" v-for="(item,key) of educationlist" :key="key" |
|
|
|
|
@click="edudetaols(item)"> |
|
|
|
|
<div class="contenItemCitemT"> |
|
|
|
|
<div class="contenItemCitemL">{{item.name}}</div> |
|
|
|
|
<div class="contenItemCitemR">{{item.startTime}}-{{item.endTime}} |
|
|
|
|
<u-icon name="arrow-right" color="#666666" size="24"></u-icon> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCitemM"> |
|
|
|
|
学历：{{item.education}} 专业：{{item.major}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 资格证书 --> |
|
|
|
|
<div class="contenItem paddingL"> |
|
|
|
|
<div class="contenItemTIle"> |
|
|
|
|
<div class="contenItemTIleL">资格证书</div> |
|
|
|
|
<img class="contenItemTIleR contenItemTIleR2" |
|
|
|
|
src="http://image.keyitest.cn/static/index/renliwb/cloudicon8.png" |
|
|
|
|
@click="nextpro('basic')" alt="" /> |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemC"> |
|
|
|
|
<div class="contenItemCitem" v-for="(item,key) of credentialsList" :key="key" @click="bookdetaols(item)"> |
|
|
|
|
<div class="contenItemCitemimgBoxT"> |
|
|
|
|
<div class="contenItemCitemimgBoxTL"> |
|
|
|
|
证书名称：{{item.fileName}} |
|
|
|
|
</div> |
|
|
|
|
<div class="contenItemCitemimgBoxTR" @click.stop="delBook(item)">删除</div> |
|
|
|
|
</div> |
|
|
|
|
<image class="contenItemCitemimg" @click.stop="priveimg(item.fileUrl)" :src="item.fileUrl" |
|
|
|
|
alt=""></image> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<p v-else style="color: #333333;margin-top:13px;">无</p> |
|
|
|
|
<!-- 资格证书 --> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<view style="display: flex;justify-content: space-between;"> |
|
|
|
|
<p style="font-weight: bold;font-size: 36rpx;">资格证书</p> |
|
|
|
|
<img @click="nextpro('basic')" style="width: 14px;height: 14px;margin:6px 5px 0 5px" |
|
|
|
|
src="http://image.keyitest.cn/static/resume/add.png" alt="" /> |
|
|
|
|
<view class="maskDia" v-if="showida"> |
|
|
|
|
<view class="maskBox"> |
|
|
|
|
<view class="maskBoxT"> |
|
|
|
|
入驻云员工，请前往PC端认证 |
|
|
|
|
</view> |
|
|
|
|
<view style="text-align:center;margin: 15px 0;" v-for="it in credentialsList" @click="bookdetaols(it)"> |
|
|
|
|
<view style="display: flex;justify-content: space-between;margin: 45rpx 0 25rpx 0;"> |
|
|
|
|
<view> |
|
|
|
|
<p style="text-align: left;">{{it.fileName}}</p> |
|
|
|
|
<img @click="priveimg(it.fileUrl)" style="width: 196rpx;height: 139rpx;" :src="it.fileUrl" alt=""> |
|
|
|
|
<view class="maskBoxM"> |
|
|
|
|
PC端网址：https://www.keyitest.cn/ |
|
|
|
|
</view> |
|
|
|
|
<view style="display: flex;"> |
|
|
|
|
<u-icon name="arrow-right" color="#808080" size="26"></u-icon> |
|
|
|
|
<view class="maskBoxB" @click="copyUrl"> |
|
|
|
|
复制网址 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- <p style="text-align: left;">{{it.fileName}}</p> |
|
|
|
|
<img @click="priveimg(it.fileUrl)" |
|
|
|
|
style="width: 196rpx;height: 139rpx;" :src="it.fileUrl" alt=""> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="linx"></view> |
|
|
|
|
<u-toast ref="uToast" /> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
showida: false, |
|
|
|
|
userinfo: {}, |
|
|
|
|
projectlist: [], //项目集合 |
|
|
|
|
worklist: [], //工作经历 |
|
|
|
|
@ -210,33 +250,241 @@ |
|
|
|
|
urls: imgsArray |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
delBook(it) { |
|
|
|
|
const _this = this |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '提示', |
|
|
|
|
content: '此操作将永久删除，是否删除', |
|
|
|
|
success: function(res) { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
_this.http.quickDelete(`/tester/cert/credentials/${it.fileId}`, true).then(res => { |
|
|
|
|
_this.$refs.uToast.show({ |
|
|
|
|
title: '删除成功', |
|
|
|
|
type: 'info', |
|
|
|
|
}) |
|
|
|
|
_this.http.quickGet(`/personal/resume`, true).then(res => { |
|
|
|
|
// 经历 |
|
|
|
|
_this.projectlist = res.data.experience.filter(it => it |
|
|
|
|
.type == 0) |
|
|
|
|
_this.worklist = res.data.experience.filter(it => it.type == |
|
|
|
|
1) |
|
|
|
|
_this.educationlist = res.data.experience.filter(it => it |
|
|
|
|
.type == 2) |
|
|
|
|
// 个人简介 |
|
|
|
|
_this.resumedata = res.data.personalInfo |
|
|
|
|
// 证书 |
|
|
|
|
_this.credentialsList = res.data.credentials |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
} else if (res.cancel) {} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
ruzhu() { |
|
|
|
|
this.showida = true |
|
|
|
|
}, |
|
|
|
|
copyUrl() { |
|
|
|
|
uni.setClipboardData({ |
|
|
|
|
data: 'https://www.keyitest.cn/', // 这里是个坑接受字符串类型 value转化为字符串 |
|
|
|
|
success: function() { |
|
|
|
|
//调用方法成功 |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: '已复制到剪切板', |
|
|
|
|
icon: 'none' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.showida = false |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
.accounmt { |
|
|
|
|
background-color: #ffffff; |
|
|
|
|
/* height: 96vh; */ |
|
|
|
|
width: 96vw; |
|
|
|
|
margin: 2vh auto; |
|
|
|
|
padding: 10px 15px 30px 15px; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.topTip { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 130rpx; |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
padding: 25rpx 45rpx; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: #4D4D4D; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.linx { |
|
|
|
|
.topTip text { |
|
|
|
|
color: #1578ED; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.accounmt { |
|
|
|
|
padding: 25rpx; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
|
|
.accounmtBox { |
|
|
|
|
width: 100%; |
|
|
|
|
background: #ffffff; |
|
|
|
|
border-radius: 6rpx; |
|
|
|
|
|
|
|
|
|
.newTitle { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 1rpx; |
|
|
|
|
opacity: 0.15; |
|
|
|
|
background: #999999; |
|
|
|
|
margin: 15px 0; |
|
|
|
|
height: 100rpx; |
|
|
|
|
background: linear-gradient(90deg, #E2EDFD, #FEE4E4); |
|
|
|
|
border-radius: 6rpx 6rpx 0rpx 0rpx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
.newTitlename { |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size: 36rpx; |
|
|
|
|
color: #000000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.newTitlesex { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #333333; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenBox { |
|
|
|
|
.contenItem { |
|
|
|
|
border-bottom: 1px solid rgba(153, 153, 153, 0.15); |
|
|
|
|
padding-bottom: 44rpx; |
|
|
|
|
|
|
|
|
|
.contenItemTIle { |
|
|
|
|
height: 100rpx; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
.contenItemTIleL { |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
color: #000000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemTIleR { |
|
|
|
|
width: 25rpx; |
|
|
|
|
height: 25rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemTIleR2 { |
|
|
|
|
width: 30rpx; |
|
|
|
|
height: 30rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemC { |
|
|
|
|
.contenItemCIt { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
color: #4D4D4D; |
|
|
|
|
line-height: 46rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitem { |
|
|
|
|
.contenItemCitemM { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
color: #1A1A1A; |
|
|
|
|
margin: 25rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitemT { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
.contenItemCitemL { |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: #000000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitemR { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
color: #666666; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitemimgBoxT { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
.beizhu { |
|
|
|
|
font-size: 25rpx; |
|
|
|
|
color: #808080; |
|
|
|
|
margin-bottom: 20rpx; |
|
|
|
|
.contenItemCitemimgBoxTL { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24rpx; |
|
|
|
|
color: #4D4D4D; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitemimgBoxTR { |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 22rpx; |
|
|
|
|
color: #FD4747; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contenItemCitemimg { |
|
|
|
|
width: 300rpx; |
|
|
|
|
height: 200rpx; |
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.paddingL { |
|
|
|
|
padding: 0 25rpx; |
|
|
|
|
} |
|
|
|
|
.maskDia { |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
width: 100vw; |
|
|
|
|
height: 100vh; |
|
|
|
|
background: rgba(5, 5, 7, 0.5); |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
|
|
.maskBox { |
|
|
|
|
width: 570rpx; |
|
|
|
|
height: 220rpx; |
|
|
|
|
background: linear-gradient(0deg, #FFFFFF, #EFF3FE); |
|
|
|
|
box-shadow: 0rpx 4rpx 21rpx 4rpx rgba(22, 27, 33, 0.1); |
|
|
|
|
border-radius: 6rpx; |
|
|
|
|
border: 1px solid #999999; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
|
.maskBoxT { |
|
|
|
|
color: #1A1A1A; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.maskBoxM { |
|
|
|
|
color: #1A1A1A; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-weight: 500; |
|
|
|
|
margin: 20rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.maskBoxB { |
|
|
|
|
color: #1578ED; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-weight: 500; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
