mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-11 11:56:48 +08:00
769 lines
24 KiB
Vue
769 lines
24 KiB
Vue
<template>
|
||
<div class="surveydetailpage">
|
||
<!-- 面包屑导航 -->
|
||
<div
|
||
style="display: flex; align-items: center; justify-content: space-between"
|
||
>
|
||
<div class="crumb">
|
||
<div>混合制项目</div>
|
||
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
||
<div>管理者进阶-腾飞班</div>
|
||
<div style="margin-left: 6px; margin-right: 6px">/</div>
|
||
<div style="font-weight: 700; font-size: 16px">讨论详情</div>
|
||
</div>
|
||
<div class="prevnext">
|
||
<div class="prev">
|
||
<img
|
||
style="width: 23px; height: 23px"
|
||
src="../../assets/image/prev.png"
|
||
/>
|
||
<div style="margin-left: 7px">上一个</div>
|
||
</div>
|
||
<div class="prev" style="margin-left: 31px">
|
||
<div style="margin-right: 7px">下一个</div>
|
||
<img
|
||
style="width: 23px; height: 23px"
|
||
src="../../assets/image/next.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 面包屑导航 -->
|
||
<!-- 标题 -->
|
||
<div class="title">【调研】管理者进阶腾飞班 - 班内成员讨论</div>
|
||
<!-- 标题 -->
|
||
<!-- 详细内容 -->
|
||
<div class="bascinfo clearfix">
|
||
<!-- 中间部分 -->
|
||
<div class="middletitle">
|
||
<div class="title">
|
||
请基于公司的战略方向和你所负责的组织的业务发展，识别3-5个你和你的团队在未来2-3年的新的能力与技能要求
|
||
</div>
|
||
<button class="btn">回复</button>
|
||
</div>
|
||
|
||
<div class="line clearfix">
|
||
<div class="linetitle">第二讲：模块化产品展示：班内成员讨论</div>
|
||
<div class="radi"></div>
|
||
<div class="intime">进行中</div>
|
||
</div>
|
||
<div class="discusscontent clearfix">
|
||
<div class="contenttop clearfix">
|
||
<div class="contenttitle">从营销角度分析：我的团队需要这些能力</div>
|
||
<div class="same dianzan"></div>
|
||
<div class="count">103</div>
|
||
<div class="same shoucang"></div>
|
||
<div class="count">103</div>
|
||
</div>
|
||
<div class="contentmid">
|
||
所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说，不仅要有个人能力，更需要有在不同的位置上各尽所能、与其他成员协调合作的能力。<br />
|
||
包容成员<br />
|
||
团队工作需要成员在一起不断地讨论，如果一个人固执己见，无法听取他人的意见，或无法和他人达成一致，团队的工作就无法进行下去。团队的效率在于配合的默契，如果达不成这种默契，团队合作就不可能成功。为此，对待团队中其他成员时一定要抱着宽容的心态，讨论问题的时候对事不对人，即使他人犯了错误，也要本着大家共同进步的目的去帮对方改正，而不是一味斥责。同时也要经常检查自己的缺点，如果意识到了自己的缺点，不妨将它坦诚地讲出来，承认自己的缺点，让大家共同帮助你改进，
|
||
这是最有效的方法。 <br />
|
||
获得支持<br />
|
||
要使自己的工作得到大家的支持和认可，而不是反对，必须让大家喜欢你。但一个人又如何让别人来喜欢你呢?除了在工作中互相支援、互相鼓励外，还应该尽量和大家一起去参加各种活动，或者礼貌地关心一下大家的生活。<br />
|
||
保持谦虚<br />
|
||
任何人都不喜欢骄傲自大的人，这种人在团队合作中也不会被大家认可。可能你在某个方面比其他人强，但你更应该将自己的注意力放在他人的强项上，只有这样，才能看到自己的肤浅和无知。因为团队中的任何一位成员，都有自己的专长，所以必须保持足够的谦虚。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bascinfor">
|
||
<div class="inputone">
|
||
<el-input
|
||
v-model="textarea1"
|
||
:autosize="{ minRows: 5, maxRows: 5 }"
|
||
resize="none"
|
||
maxlength="100"
|
||
type="textarea"
|
||
placeholder="写评论~"
|
||
@input="textareaInput"
|
||
/>
|
||
<div class="words">{{ textarealength }}/100</div>
|
||
<div class="upload">
|
||
<div class="allimg">
|
||
<div>
|
||
<div class="imgone"></div>
|
||
<div class="cha"></div>
|
||
</div>
|
||
<div style="margin-left: 15px">
|
||
<div class="imgone"></div>
|
||
<div class="cha" style="right: 131px"></div>
|
||
</div>
|
||
<div style="margin-left: 15px">
|
||
<div class="imgone"></div>
|
||
<div class="cha" style="right: 61px"></div>
|
||
</div>
|
||
</div>
|
||
<datagrid class="uploadAnd">
|
||
<button class="btnone clearfix">
|
||
<img class="image" src="../../assets/image/uploadimg.png" />
|
||
<div class="shangchuan">上传图片</div>
|
||
</button>
|
||
<button class="btntwo">发表</button>
|
||
</datagrid>
|
||
</div>
|
||
|
||
<div class="thinline"></div>
|
||
<div class="bottom">
|
||
<div class="header">
|
||
<div class="avator"></div>
|
||
<div class="id">罗宗梅</div>
|
||
<div class="showCareer">(显示事业)</div>
|
||
<div class="idThink">理性思考，崇尚科学</div>
|
||
</div>
|
||
<div class="discuss clearfix">
|
||
<div class="discussmain clearfix">
|
||
<div class="talkmain">
|
||
教师基本功扎实，知识讲解准确，教学设计合理，始终以学生为主体，自主学习，小组交流讨论，上台交流展示等形式，师生配合默契，取得了较好的学习效果。
|
||
</div>
|
||
<!-- <div class="talk"></div> -->
|
||
</div>
|
||
<div class="intime">2022-06-21 21:35:12</div>
|
||
<div class="likeYou">
|
||
<div class="same pinglun"></div>
|
||
<div class="count">317</div>
|
||
<div class="same dianzan" style="margin-left: 19px"></div>
|
||
<div class="count">111</div>
|
||
</div>
|
||
<div class="reply">
|
||
<div class="sameava avaone"></div>
|
||
<div class="sameuser">赵雪莉</div>
|
||
<div class="centerreply">回复</div>
|
||
<div class="sameava avatwo"></div>
|
||
<div class="sameuser">罗宗梅</div>
|
||
<div class="replytime">2022-06-21 21:35:12</div>
|
||
</div>
|
||
<div class="allreplyimg">
|
||
<div class="singleimg"></div>
|
||
<div class="singleimg"></div>
|
||
<div class="singleimg"></div>
|
||
</div>
|
||
<div class="mainreply">
|
||
<div class="replydetail">
|
||
教学重难点突出，板书条理清晰。教学步骤设计合理，由浅入深，循序渐进
|
||
</div>
|
||
<!-- <div class="talk"></div> -->
|
||
</div>
|
||
<div class="likeYou">
|
||
<div class="same pinglun"></div>
|
||
<div class="count">317</div>
|
||
<div class="same dianzan" style="margin-left: 19px"></div>
|
||
<div class="count">111</div>
|
||
</div>
|
||
|
||
<div class="inreply">
|
||
<el-input
|
||
v-model="textarea2"
|
||
:autosize="{ minRows: 5, maxRows: 5 }"
|
||
resize="none"
|
||
maxlength="100"
|
||
type="textarea"
|
||
@input="textareaInputdown"
|
||
/>
|
||
<div class="words">{{ textarealength2 }}/100</div>
|
||
<div class="upload">
|
||
<div class="allimg">
|
||
<div>
|
||
<div class="imgone"></div>
|
||
<div class="cha"></div>
|
||
</div>
|
||
<div style="margin-left: 15px">
|
||
<div class="imgone"></div>
|
||
<div class="cha" style="right: 131px"></div>
|
||
</div>
|
||
<div style="margin-left: 15px">
|
||
<div class="imgone"></div>
|
||
<div class="cha" style="right: 61px"></div>
|
||
</div>
|
||
</div>
|
||
<datagrid class="uploadAnd">
|
||
<button class="btnone clearfix">
|
||
<img class="image" src="../../assets/image/uploadimg.png" />
|
||
<div class="shangchuan">上传图片</div>
|
||
</button>
|
||
<button class="btntwo">发表</button>
|
||
</datagrid>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 详细内容 -->
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { reactive, toRefs } from "vue";
|
||
// import { expandKeys } from "element-plus/es/components/table-v2/src/common";
|
||
export default {
|
||
name: "DiscussDetail",
|
||
setup() {
|
||
const state = reactive({
|
||
textarea1: "",
|
||
textarealength: 0,
|
||
textarea2: "",
|
||
textarealength2: 0,
|
||
});
|
||
const textareaInput = (e) => {
|
||
// console.log("eee", e);
|
||
state.textarea1 = e;
|
||
state.textarealength = e.length;
|
||
};
|
||
const textareaInputdown = (e) => {
|
||
state.textarea2 = e;
|
||
state.textarealength2 = e.length;
|
||
};
|
||
return {
|
||
...toRefs(state),
|
||
textareaInput,
|
||
textareaInputdown,
|
||
};
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.clearfix:before,
|
||
.clearfix:after {
|
||
content: "";
|
||
display: table;
|
||
clear: both;
|
||
}
|
||
.surveydetailpage {
|
||
.crumb {
|
||
color: #fff;
|
||
display: flex;
|
||
font-size: 14px;
|
||
line-height: 24px;
|
||
}
|
||
.prevnext {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #ffffff;
|
||
.prev {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
.title {
|
||
font-size: 20px;
|
||
font-weight: 800;
|
||
color: #ffffff;
|
||
line-height: 24px;
|
||
margin-top: 17px;
|
||
margin-left: -11px;
|
||
}
|
||
.bascinfo {
|
||
width: 100%;
|
||
background: #ffffff;
|
||
border-radius: 8px;
|
||
margin-top: 24px;
|
||
|
||
.middletitle {
|
||
display: flex;
|
||
margin-top: 64px;
|
||
position: relative;
|
||
.title {
|
||
font-size: 24px;
|
||
font-weight: 800;
|
||
color: #4a9cf8;
|
||
margin-left: 79px;
|
||
margin-right: 210px;
|
||
}
|
||
@media screen and (max-width: 1574px) {
|
||
.title {
|
||
margin-bottom: -24px;
|
||
}
|
||
}
|
||
.btn {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
width: 146px;
|
||
height: 46px;
|
||
background: #2478ff;
|
||
box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
|
||
border-radius: 4px;
|
||
border: 0;
|
||
font-size: 16px;
|
||
font-weight: 800;
|
||
color: #ffffff;
|
||
right: 45px;
|
||
top: 5px;
|
||
}
|
||
}
|
||
.line {
|
||
display: flex;
|
||
margin: 47px 45px 0 75px;
|
||
max-width: 1810px;
|
||
height: 50px;
|
||
background: #f9f9f9;
|
||
position: relative;
|
||
.linetitle {
|
||
margin: 14px 0 17px 28px;
|
||
font-size: 16px;
|
||
font-weight: 800;
|
||
color: #333333;
|
||
}
|
||
.radi {
|
||
position: absolute;
|
||
width: 11px;
|
||
height: 11px;
|
||
border: 2px solid #0060ff;
|
||
border-radius: 50%;
|
||
margin-top: 19px;
|
||
right: 91px;
|
||
}
|
||
.intime {
|
||
position: absolute;
|
||
margin-top: 15px;
|
||
font-size: 16px;
|
||
font-family: PingFang SC;
|
||
font-weight: 800;
|
||
color: #0060ff;
|
||
right: 36px;
|
||
}
|
||
}
|
||
.discusscontent {
|
||
margin-left: 105px;
|
||
margin-top: 35px;
|
||
.contenttop {
|
||
display: flex;
|
||
.contenttitle {
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
}
|
||
.same {
|
||
width: 14px;
|
||
height: 14px;
|
||
margin-top: 4px;
|
||
margin-left: 20px;
|
||
}
|
||
.count {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #b3bdc4;
|
||
margin-top: 4px;
|
||
margin-left: 7px;
|
||
}
|
||
.dianzan {
|
||
background-image: url(../../assets/image/dianzan2.png);
|
||
// background-size: 100%;
|
||
}
|
||
.shoucang {
|
||
background-image: url(../../assets/image/shoucang.png);
|
||
// background-size: 100%;
|
||
}
|
||
}
|
||
.contentmid {
|
||
margin: 15px 47px 30px 0;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
line-height: 24px;
|
||
}
|
||
}
|
||
}
|
||
.bascinfor {
|
||
width: 100%;
|
||
background: #ffffff;
|
||
border-radius: 8px;
|
||
margin-top: 24px;
|
||
// position: relative;
|
||
.inputone {
|
||
margin-right: 44px;
|
||
position: relative;
|
||
max-width: 1069px;
|
||
// max-height: 110px;
|
||
margin-left: 88px;
|
||
margin-top: 44px;
|
||
.words {
|
||
position: absolute;
|
||
right: 15px;
|
||
// bottom: 5px;
|
||
top: 130px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #333330;
|
||
}
|
||
.el-textarea__inner {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
margin-top: 44px;
|
||
// margin: 23px 50px;
|
||
border-radius: 8px;
|
||
background-color: rgba(245, 246, 247, 1);
|
||
padding: 11px 25px;
|
||
}
|
||
.el-textarea__inner::placeholder {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
line-height: 24px;
|
||
}
|
||
// .el-input__inner {
|
||
// &::-webkit-input-placeholder {
|
||
// /* WebKit browsers 适配谷歌 */
|
||
// color: red;
|
||
// }
|
||
// }
|
||
.upload {
|
||
display: flex;
|
||
// background-color: red;
|
||
.allimg {
|
||
position: relative;
|
||
display: flex;
|
||
.imgone {
|
||
margin-top: 24px;
|
||
width: 55px;
|
||
height: 55px;
|
||
border-radius: 8px;
|
||
background-image: url(../../assets/image/px.png);
|
||
background-size: 100%;
|
||
}
|
||
.cha {
|
||
cursor: pointer;
|
||
top: 15px;
|
||
right: -9px;
|
||
// right: 0;
|
||
position: absolute;
|
||
width: 18px;
|
||
height: 18px;
|
||
border-radius: 50%;
|
||
background-image: url(../../assets/image/X.png);
|
||
background-size: 100%;
|
||
}
|
||
}
|
||
.uploadAnd {
|
||
margin-top: 21px;
|
||
.btnone {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
right: 140px;
|
||
.image {
|
||
padding-top: 8px;
|
||
width: 18px;
|
||
height: 17px;
|
||
// margin-top: 10px;
|
||
margin-left: -60px;
|
||
}
|
||
.shangchuan {
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 7px;
|
||
display: inline-block;
|
||
margin-left: 10px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #2478ff;
|
||
line-height: 24px;
|
||
}
|
||
width: 126px;
|
||
height: 36px;
|
||
border: 1px solid #2478ff;
|
||
border-radius: 4px;
|
||
background-color: #fff;
|
||
}
|
||
.btntwo {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
width: 126px;
|
||
height: 36px;
|
||
background: #2478ff;
|
||
border-radius: 4px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #ffffff;
|
||
border: 0;
|
||
right: 0;
|
||
}
|
||
}
|
||
}
|
||
.thinline {
|
||
margin-top: 26px;
|
||
width: 1635px;
|
||
border-top: 1px solid #878b92;
|
||
margin-left: -50px;
|
||
opacity: 0.2;
|
||
}
|
||
.bottom {
|
||
margin-top: 31px;
|
||
// width: 100px;
|
||
// height: 100px;
|
||
// background-color: #bfa;
|
||
.header {
|
||
display: flex;
|
||
.avator {
|
||
width: 41px;
|
||
height: 41px;
|
||
border-radius: 50%;
|
||
background-image: url(../../assets/image/px.png);
|
||
background-size: 100%;
|
||
}
|
||
.id {
|
||
margin-left: 8px;
|
||
font-size: 14px;
|
||
height: 41px;
|
||
font-weight: bold;
|
||
color: #333333;
|
||
line-height: 41px;
|
||
}
|
||
.showCareer {
|
||
margin-left: 7px;
|
||
height: 41px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
line-height: 41px;
|
||
}
|
||
.idThink {
|
||
margin-left: 17px;
|
||
height: 41px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
line-height: 41px;
|
||
}
|
||
}
|
||
.discuss {
|
||
margin-left: 48px;
|
||
margin-top: 23px;
|
||
// width: 100px;
|
||
widows: 100%;
|
||
// height: 100px;
|
||
// background-color: orange;
|
||
.discussmain {
|
||
// background-color: red;
|
||
width: 100%;
|
||
display: flex;
|
||
position: relative;
|
||
.talkmain {
|
||
margin-right: 25px;
|
||
margin-top: 2px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
}
|
||
// .talk {
|
||
// position: absolute;
|
||
// right: 0;
|
||
// width: 23px;
|
||
// height: 23px;
|
||
// background-image: url(../../assets/image/talk.png);
|
||
// background-size: 100%;
|
||
// }
|
||
}
|
||
.intime {
|
||
margin-top: 11px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #999999;
|
||
}
|
||
.likeYou {
|
||
margin-top: 15px;
|
||
display: flex;
|
||
.same {
|
||
width: 14px;
|
||
height: 14px;
|
||
}
|
||
.pinglun {
|
||
background-image: url(../../assets/image/pinglun.png);
|
||
background-size: 100%;
|
||
}
|
||
.dianzan {
|
||
background-image: url(../../assets/image/dianzan2.png);
|
||
background-size: 100%;
|
||
}
|
||
.count {
|
||
margin-left: 7px;
|
||
margin-top: -1px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #b3bdc4;
|
||
}
|
||
}
|
||
.reply {
|
||
display: flex;
|
||
margin-top: 32px;
|
||
// height: 100px;
|
||
width: 100%;
|
||
// background-color: lightpink;
|
||
.sameava {
|
||
width: 29px;
|
||
height: 29px;
|
||
border-radius: 50%;
|
||
}
|
||
.sameuser {
|
||
margin-left: 14px;
|
||
line-height: 29px;
|
||
height: 29px;
|
||
font-weight: bold;
|
||
color: #333333;
|
||
font-size: 14px;
|
||
}
|
||
.centerreply {
|
||
height: 29px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #4a9cf8;
|
||
line-height: 29px;
|
||
margin-left: 23px;
|
||
margin-right: 17px;
|
||
}
|
||
.avaone {
|
||
background-image: url(../../assets/image/px.png);
|
||
background-size: 100%;
|
||
}
|
||
.avatwo {
|
||
background-image: url(../../assets/image/px.png);
|
||
background-size: 100%;
|
||
}
|
||
.replytime {
|
||
margin-left: 17px;
|
||
height: 29px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #999999;
|
||
line-height: 29px;
|
||
}
|
||
}
|
||
.allreplyimg {
|
||
display: flex;
|
||
margin-top: 21px;
|
||
.singleimg {
|
||
margin-right: 7px;
|
||
width: 65px;
|
||
height: 65px;
|
||
border-radius: 8px;
|
||
background-image: url(../../assets/image/px.png);
|
||
background-size: 100%;
|
||
}
|
||
}
|
||
.mainreply {
|
||
display: flex;
|
||
margin-top: 16px;
|
||
.replydetail {
|
||
// width: 462px;
|
||
height: 23px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
line-height: 23px;
|
||
margin-right: 11px;
|
||
}
|
||
// .talk {
|
||
// width: 23px;
|
||
// height: 23px;
|
||
// background-image: url(../../assets/image/talk.png);
|
||
// background-size: 100%;
|
||
// }
|
||
}
|
||
|
||
.inreply {
|
||
position: relative;
|
||
margin-top: -22px;
|
||
margin-bottom: 20px;
|
||
// .words {
|
||
// position: absolute;
|
||
// bottom: 5px;
|
||
// font-size: 14px;
|
||
// font-weight: 500;
|
||
// color: #333330;
|
||
// }
|
||
// .el-textarea__inner {
|
||
// font-size: 14px;
|
||
// font-weight: 500;
|
||
// color: #666666;
|
||
// margin-top: 44px;
|
||
// // margin: 23px 50px;
|
||
// border-radius: 8px;
|
||
// // height: 1000px;
|
||
// background-color: rgba(245, 246, 247, 1);
|
||
// }
|
||
// .upload {
|
||
// display: flex;
|
||
// // z-index: 999;
|
||
// .allimg {
|
||
// margin-bottom: 30px;
|
||
// position: relative;
|
||
// display: flex;
|
||
// .imgone {
|
||
// margin-top: 24px;
|
||
// width: 55px;
|
||
// height: 55px;
|
||
// border-radius: 8px;
|
||
// background-image: url(../../assets/image/px.png);
|
||
// background-size: 100%;
|
||
// }
|
||
// .cha {
|
||
// cursor: pointer;
|
||
// top: 15px;
|
||
// right: -9px;
|
||
// // right: 0;
|
||
// position: absolute;
|
||
// width: 18px;
|
||
// height: 18px;
|
||
// border-radius: 50%;
|
||
// background-image: url(../../assets/image/X.png);
|
||
// background-size: 100%;
|
||
// }
|
||
// }
|
||
// .uploadAnd {
|
||
// margin-top: 21px;
|
||
// .btnone {
|
||
// cursor: pointer;
|
||
// position: absolute;
|
||
// right: 140px;
|
||
// .image {
|
||
// padding-top: 8px;
|
||
// width: 18px;
|
||
// height: 17px;
|
||
// // margin-top: 10px;
|
||
// margin-left: -60px;
|
||
// }
|
||
// .shangchuan {
|
||
// position: absolute;
|
||
// right: 20px;
|
||
// top: 7px;
|
||
// display: inline-block;
|
||
// margin-left: 10px;
|
||
// font-size: 14px;
|
||
// font-weight: 500;
|
||
// color: #2478ff;
|
||
// line-height: 24px;
|
||
// }
|
||
// width: 126px;
|
||
// height: 36px;
|
||
// border: 1px solid #2478ff;
|
||
// border-radius: 4px;
|
||
// background-color: #fff;
|
||
// }
|
||
// .btntwo {
|
||
// cursor: pointer;
|
||
// position: absolute;
|
||
// width: 126px;
|
||
// height: 36px;
|
||
// background: #2478ff;
|
||
// border-radius: 4px;
|
||
// font-size: 14px;
|
||
// font-weight: 500;
|
||
// color: #ffffff;
|
||
// border: 0;
|
||
// right: 0;
|
||
// }
|
||
// }
|
||
// }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|