kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

居民议事

Browse Source
This commit is contained in:
yanran200730
2022-01-07 15:02:32 +08:00
parent 87e70255d7
commit 17613d8781
1 changed files with 60 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/apps/AppVillageDiscuss/Detail.vue
View File

@@ -48,14 +48,16 @@
<div class="leftInput" @click="showBottomInput = true">我来说两句...</div> <div class="leftInput" @click="showBottomInput = true">我来说两句...</div>
</div> </div>
<u-popup v-model="showBottomInput" height="200px" mode="bottom"> <u-popup v-model="showBottomInput" height="auto" mode="bottom">
<u-input v-model="content" placeholder="写下你的想法" type="textarea" auto-height height="180" maxlength="140"> </u-input> <div class="comments-wrapper">
<div class="words">字数{{ content.length }}/140</div> <u-input v-model="content" placeholder="写下你的想法" type="textarea" auto-height height="180" maxlength="140"> </u-input>
<div class="words">字数{{ content.length }}/140</div>
<div class="bottombtn"> <div class="bottombtn">
<div class="emptys" @click="content = ''">清空内容</div> <div class="emptys" @click="content = ''">清空内容</div>
<div class="publishs" @click="publish">发表</div> <div class="publishs" @click="publish">发表</div>
</div>
</div> </div>
</u-popup> </u-popup>
@@ -331,7 +333,6 @@ export default {
z-index: 11; z-index: 11;
width: 100%; width: 100%;
background: #fff; background: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@@ -353,56 +354,60 @@ export default {
// } // }
} }
::v-deep .u-drawer { .comments-wrapper {
.u-drawer-content { padding: 20px 0;
.u-drawer__scroll-view { .u-input {
.uni-scroll-view { background: #f7f7f7;
// overflow: hidden; border-radius: 8px 8px 0 0;
overflow: inherit !important; padding: 10px!important;
.u-input { margin: 0 30px 0 30px;
background: #f7f7f7; .uni-textarea-placeholder {
border-radius: 8px 8px 0 0; padding: 16px 0 0 16px;
margin: 32px 30px 0 30px; }
.uni-textarea-placeholder { .uni-textarea-textarea {
padding: 16px 0 0 16px; padding: 16px 0 0 16px;
} }
.uni-textarea-textarea { }
padding: 16px 0 0 16px; .words {
} background: #f7f7f7;
} border-radius: 0 0 8px 8px;
.words { margin: 0 30px;
background: #f7f7f7; padding: 10px;
border-radius: 0 0 8px 8px; text-align: right;
margin: 0 30px; font-size: 26px;
padding-bottom: 10px; color: #999999;
text-align: right; }
font-size: 26px; .bottombtn {
color: #999999; display: flex;
} justify-content: space-between;
.bottombtn { align-items: center;
display: flex; margin: 0 30px;
justify-content: space-between; padding: 20px 0 0;
align-items: center; .emptys {
margin: 0 30px; font-size: 26px;
padding: 20px 0; color: #666666;
.emptys { }
padding: 20px 0; .publishs {
font-size: 26px; width: 144px;
color: #666666; height: 64px;
} line-height: 64px;
.publishs { text-align: center;
width: 144px; background: #1365dd;
height: 64px; border-radius: 32px;
line-height: 64px; color: #fff;
text-align: center;
background: #1365dd;
border-radius: 32px;
color: #fff;
}
}
}
} }
} }
} }
// ::v-deep .u-drawer {
// .u-drawer-content {
// .u-drawer__scroll-view {
// .uni-scroll-view {
// // overflow: hidden;
// overflow: inherit !important;
// }
// }
// }
// }
} }
</style> </style>