提交 1eab52c4 编写于 作者: guangjun.yang's avatar guangjun.yang

添加图标等

上级 d6bd3764
...@@ -17,26 +17,28 @@ ...@@ -17,26 +17,28 @@
<section class="other-info-wrapper"> <section class="other-info-wrapper">
<article class="other-info"> <article class="other-info">
<div class="icon"> <div class="icon">
<img src="../../assets/image/img.jpg" alt /> <img src="../../assets/image/IM/icon-contacts.png" alt />
</div> </div>
<span class="desc">医生</span> <span class="desc">医生</span>
</article> </article>
<article class="other-info"> <article class="other-info">
<div class="icon"> <div class="icon">
<img src="../../assets/image/img.jpg" alt /> <img src="../../assets/image/IM/icon-id-card.png" alt />
</div> </div>
<div class="icon-s"> <div class="icon-s">
<img src="../../assets/image/img.jpg" alt /> <img v-if="true" src="../../assets/image/IM/check-yes.png" alt />
<img v-else src="../../assets/image/IM/check-no.png" alt />
</div> </div>
<span class="desc mr12">实名认证</span> <span class="desc mr12">实名认证</span>
<div class="icon-s"> <div class="icon-s">
<img src="../../assets/image/img.jpg" alt /> <img v-if="false" src="../../assets/image/IM/check-yes.png" alt />
<img v-else src="../../assets/image/IM/check-no.png" alt />
</div> </div>
<span class="desc">执业认证</span> <span class="desc">执业认证</span>
</article> </article>
<article class="other-info"> <article class="other-info">
<div class="icon"> <div class="icon">
<img src="../../assets/image/img.jpg" alt /> <img src="../../assets/image/IM/icon-org.png" alt />
</div> </div>
<span class="desc">无机构</span> <span class="desc">无机构</span>
</article> </article>
...@@ -131,9 +133,11 @@ export default { ...@@ -131,9 +133,11 @@ export default {
.other-info { .other-info {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 10px 0; margin: 12px 0;
// align-items: center; align-items: center;
.icon { .icon {
width: 16px;
height: 16px;
margin-right: 8px; margin-right: 8px;
& > img { & > img {
width: 16px; width: 16px;
...@@ -141,10 +145,12 @@ export default { ...@@ -141,10 +145,12 @@ export default {
} }
} }
.icon-s { .icon-s {
width: 12px;
height: 12px;
margin-right: 4px; margin-right: 4px;
& > img { & > img {
width: 11px; width: 12px;
height: 11px; height: 12px;
} }
} }
.desc { .desc {
......
此差异已折叠。
...@@ -76,28 +76,24 @@ ...@@ -76,28 +76,24 @@
<span class="size">23.0 MB</span> <span class="size">23.0 MB</span>
</div> </div>
<div class="midp-icon"> <div class="midp-icon">
<img src="../../../assets/image/img.jpg" alt /> <img src="../../../assets/image/IM/icon-pdf.png" alt />
</div> </div>
</div> </div>
<div v-if="item.bizType == 4" class="mid-text link">五分钟首页</div> <div v-if="item.bizType == 4" class="mid-text link">五分钟首页</div>
</div> </div>
</article> </article>
<!-- <article class="msg-item cr">
<div class="msg-item-img"><img src="../../../assets/image/img.jpg" alt /></div>
<div class="msg-item-detail">
<span class="mid-time">1:16 pm</span>
<div class="mid-text">不理解人,就无法理解什么是设计不理解人,就无法理解什么是设计不理解人,就无法理解什么是设计</div>
</div>
</article>-->
</section> </section>
<section class="c-bottom"> <section class="c-bottom">
<div class="tool-bar"> <el-input
<img src="../../../assets/image/img.jpg" alt /> placeholder="请输入内容"
<img src="../../../assets/image/img.jpg" alt /> v-model="text">
</div> <div slot="suffix" class="cb-icon-wrapper">
<el-input v-model="text" type="textarea" placeholder="请输入" size="normal" clearable></el-input> <img src="../../../assets/image/IM/icon-folder-open.png" alt />
<img src="../../../assets/image/IM/icon-link.png" alt />
</div>
</el-input>
<div class="send-btn"> <div class="send-btn">
<el-button type="primary" size="default" style="text-algin:right;" maxlength="500">发送</el-button> <img src="../../../assets/image/IM/send-no.png" alt />
</div> </div>
</section> </section>
</article> </article>
...@@ -131,7 +127,7 @@ export default { ...@@ -131,7 +127,7 @@ export default {
isShowCopyBtn: true isShowCopyBtn: true
}, },
text: "", text: "",
containerHeight: '210', containerHeight: '740',
// 消息列表 bizType 1: 文本(包括不支持的类型文案); 2: 图片; 3: PDF; 4: 链接; // 消息列表 bizType 1: 文本(包括不支持的类型文案); 2: 图片; 3: PDF; 4: 链接;
messageList: [ messageList: [
{ {
...@@ -221,7 +217,7 @@ export default { ...@@ -221,7 +217,7 @@ export default {
created() {}, created() {},
// 挂载到Dom完成时 // 挂载到Dom完成时
mounted: function() { mounted: function() {
this.resizeHeight(); // this.resizeHeight();
// commonUtil.resizeHeight(); // commonUtil.resizeHeight();
}, },
methods: { methods: {
...@@ -257,12 +253,16 @@ export default { ...@@ -257,12 +253,16 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.current-session-wrap { .current-session-wrap {
textarea { .el-input__inner {
border: 0px !important; height: 44px;
resize: none; line-height: 44px;
height: 100px;
padding: 5px 25px;
} }
// textarea {
// border: 0px !important;
// resize: none;
// height: 100px;
// padding: 5px 25px;
// }
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -399,7 +399,7 @@ export default { ...@@ -399,7 +399,7 @@ export default {
} }
.msg-content { .msg-content {
// width: 100%; // width: 100%;
height: 300px; // height: 300px;
overflow: scroll; overflow: scroll;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -497,21 +497,34 @@ export default { ...@@ -497,21 +497,34 @@ export default {
} }
} }
.c-bottom { .c-bottom {
height: 160px; display: flex;
border-top: 2px solid #f0f1f2; flex-direction: row;
.tool-bar { margin: 16px 12px 16px 25px;
.cb-icon-wrapper {
display: flex; display: flex;
margin: 10px 25px; align-items: center;
height: 44px;
& > img { & > img {
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-right: 20px; margin-right: 16px;
cursor: pointer; cursor: pointer;
} }
} }
.send-btn { .send-btn {
text-align: right; display: flex;
margin-right: 25px; flex-direction: row;
justify-content: center;
align-items: center;
width: 60px;
height: 44px;
background: #F3F6F7;
margin-left: 12px;
border-radius: 8px;
& > img {
width: 24px;
height: 24px;
}
} }
} }
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册