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