作者 wumengyu

修改意见反馈样式

1 <!--pages/my/about/about.wxml--> 1 <!--pages/my/about/about.wxml-->
2 <view class="content"> 2 <view class="content">
3 <view class="main"> 3 <view class="main">
4 - <view class="title">关于火柴一盒</view> 4 + <!--<view class="title">关于火柴一盒</view>-->
5 <!--<view class="detail">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores debitis, fuga nisi officia quae soluta sunt vero. Debitis dolorem ea eos est laudantium, modi non reiciendis sapiente ut, vero voluptate?</view>--> 5 <!--<view class="detail">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores debitis, fuga nisi officia quae soluta sunt vero. Debitis dolorem ea eos est laudantium, modi non reiciendis sapiente ut, vero voluptate?</view>-->
6 <import src="../../../wxParse/wxParse.wxml" /> 6 <import src="../../../wxParse/wxParse.wxml" />
7 <template is='wxParse' data='{{wxParseData:content.nodes}}' /> 7 <template is='wxParse' data='{{wxParseData:content.nodes}}' />
@@ -2,6 +2,7 @@ @@ -2,6 +2,7 @@
2 <view class="content"> 2 <view class="content">
3 <!--<view class="title">意见反馈</view>--> 3 <!--<view class="title">意见反馈</view>-->
4 <view class="input"> 4 <view class="input">
  5 + <view class="box">
5 <textarea name="" id="" cols="30" rows="10" 6 <textarea name="" id="" cols="30" rows="10"
6 placeholder="请输入您的意见" maxlength="200" 7 placeholder="请输入您的意见" maxlength="200"
7 placeholder-class="placeholder" bindinput="input" 8 placeholder-class="placeholder" bindinput="input"
@@ -11,6 +12,7 @@ @@ -11,6 +12,7 @@
11 <text>限200字以内</text> 12 <text>限200字以内</text>
12 </view> 13 </view>
13 </view> 14 </view>
  15 + </view>
14 <view class="btn-box" bindtap="submit"> 16 <view class="btn-box" bindtap="submit">
15 <view class="btn">提交</view> 17 <view class="btn">提交</view>
16 </view> 18 </view>
@@ -34,7 +34,7 @@ textarea { @@ -34,7 +34,7 @@ textarea {
34 height: 360rpx; 34 height: 360rpx;
35 color: #666666; 35 color: #666666;
36 font-size: 28rpx; 36 font-size: 28rpx;
37 - padding: 30rpx; 37 + padding: 30rpx 30rpx 50rpx 30rpx;
38 } 38 }
39 .placeholder { 39 .placeholder {
40 color: #999999; 40 color: #999999;
@@ -61,14 +61,24 @@ textarea { @@ -61,14 +61,24 @@ textarea {
61 .num { 61 .num {
62 position: absolute; 62 position: absolute;
63 right:100rpx; 63 right:100rpx;
64 - bottom:50rpx; 64 + bottom:20rpx;
65 font-size: 24rpx; 65 font-size: 24rpx;
66 color: #999999; 66 color: #999999;
67 display: flex; 67 display: flex;
68 align-items: center; 68 align-items: center;
  69 + background:#ffffff;
  70 + z-index:10;
69 } 71 }
70 .icon-bianji { 72 .icon-bianji {
71 color: #999999; 73 color: #999999;
72 font-size: 46rpx; 74 font-size: 46rpx;
73 margin-right: 20rpx; 75 margin-right: 20rpx;
74 } 76 }
  77 +.box {
  78 + width: 100%;
  79 + position: relative;
  80 + display: flex;
  81 + align-items: center;
  82 + justify-content: center;
  83 + /*flex-direction:column;*/
  84 +}