作者 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,13 +2,15 @@ @@ -2,13 +2,15 @@
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 - <textarea name="" id="" cols="30" rows="10"  
6 - placeholder="请输入您的意见" maxlength="200"  
7 - placeholder-class="placeholder" bindinput="input"  
8 - ></textarea>  
9 - <view class="num">  
10 - <view class="iconfont icon-bianji"></view>  
11 - <text>限200字以内</text> 5 + <view class="box">
  6 + <textarea name="" id="" cols="30" rows="10"
  7 + placeholder="请输入您的意见" maxlength="200"
  8 + placeholder-class="placeholder" bindinput="input"
  9 + ></textarea>
  10 + <view class="num">
  11 + <view class="iconfont icon-bianji"></view>
  12 + <text>限200字以内</text>
  13 + </view>
12 </view> 14 </view>
13 </view> 15 </view>
14 <view class="btn-box" bindtap="submit"> 16 <view class="btn-box" bindtap="submit">
@@ -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;
  76 +}
  77 +.box {
  78 + width: 100%;
  79 + position: relative;
  80 + display: flex;
  81 + align-items: center;
  82 + justify-content: center;
  83 + /*flex-direction:column;*/
74 } 84 }