This commit is contained in:
lmj
2022-09-14 14:17:59 +08:00
parent f49b4d3ab1
commit af80d32c3a
4 changed files with 132 additions and 8 deletions

View File

@@ -1,15 +1,137 @@
<template>
<div>
<div class="box" style="padding: 38px 42px;">
<div class="edit-box">
<div class="edit-hear">
<h3>笔记编辑</h3>
<span>笔记自动保存成功</span>
</div>
<div class="edit-content">
<div class="note-tit">
<h3> 高效能人士的7个习惯</h3>
<div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
</div>
<div class="note-text">
我见过的策划们不管是甲方企业的还是广告代理还营销策划公司的在做策略写方案的时候在写策略方做策略写方案的的时案的的时案<br>
1套理论<br>
找一个营销理论做策略时直接向上套不管是什么行业企业处在什么发展阶段都要 照着这个理论的
我见过的策划们不管是甲方企业的还是广告代理还营销策划公司的在做策略写方案的时候在写策略方做策略写方案的的时案的的时案<br>
2套理论<br>
找一个营销理论做策略时直接向上套不管是什么行业企业处在什么发展阶段都要 照着这个理论的
我见过的策划们不管是甲方企业的还是广告代理还营销策划公司的在做策略写方案的时候在写策略方做策略写方案的的时案的的时案<br>
3套理论<br>
找一个营销理论做策略时直接向上套不管是什么行业企业处在什么发展阶段都要 照着这个理论的
</div>
</div>
<div class="edit-footer">
<el-radio v-model="radio" label="1">公开</el-radio>
<el-radio v-model="radio" label="2">私密</el-radio>
<el-button plain>取消</el-button>
<el-button type="primary">确定</el-button>
</div>
</div>
<div class="edti-hist">
</div>
</div>
</template>
<script>
export default {
data () {
return {
radio: '1'
};
}
}
</script>
<style>
<style lang="scss" scoped>
.edit-footer{
button{
float: right;
margin-left: 25px;
width: 140px;
height: 40px;
border-radius: 4px;
}
}
.edit-content{
min-height: 480px;
}
.note-text{
font-size: 14px;
font-weight: 400;
color: #333333;
}
.note-tit{
padding-top: 30px;
width: 100%;
margin-bottom: 30px;
display: flex;
h3{
font-size: 18px;
font-weight: 600;
color: #333333;
margin: 0;
float: left;
}
div{
width: 120px;
height: 30px;
border-radius: 4px;
border: 1px solid #3379FB;
font-size: 14px;
font-weight: 400;
color: #387DF7;
line-height: 30px;
text-align: center;
float: left;
margin: 0 20px;
img{
width: 10px;
// height: 16px;
padding-top: 6px;
vertical-align: top;
margin-right: 12px;
}
}
}
.box{
width: 100%;
height: 100%;
display: flex;
.edit-box{
flex: 1;
.edit-hear{
height: 40px;
border-bottom: 1px solid #ddd;
h3{
margin: 0;
float: left;
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 30px;
}
span{
font-size: 14px;
font-weight: 400;
color: #999999;
margin-left: 27px;
line-height: 30px;
}
}
}
.edti-hist{
width: 478px;
background-color: #ddd;
margin-left: 30px;
}
}
</style>