有横线的areatext

最新推荐文章于 2024-05-12 17:12:24 发布

qq_50823208

最新推荐文章于 2024-05-12 17:12:24 发布

阅读量306

点赞数 1

文章标签： html5 pygame html

本文链接：https://blog.youkuaiyun.com/qq_50823208/article/details/120437789

版权

html的代码：

                               </view>
                           </view>
                           <textarea :value="textarea" placeholder="" class="collect" @input="fontnumber"
                               maxlength="300" />
                           <div v-if="fontnum" class="textlen">{{this.textLength}}/300</div>
                       </view>

css的代码（用的scss所以是这样的结构，css的话用需要修改一下）

.complaint {

                   position: relative;
                   height: 142px;
                   width: 100%;
                   margin-top: -10px;

.textarea {
width: 100%;

                       .text {
                           font-size: 13px;
                           height: 40px;
                           border-bottom: 1px solid #ccc;
                       }
                   }

                   .collect {
                       position: absolute;
                       height: 120px;
                       width: 320px;
                       padding-left: 20px;
                       line-height: 40px;
                       top: 10px;
                       left: 0px;

                   }

                   .textlen {
                       position: absolute;
                       right: 0px;
                       font-size: 12px;
                       bottom: 0px;

}
}