微信小程序-意见反馈

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ChibiMarukoChan/article/details/82886839

效果:

.wxml页面:

<view class="opinion_wrap">
    <view class="wrap">
        <form bindsubmit="formSubmit">
            <view class="contant_wrap">
                <view class="contant">
                    <textarea name="opinion"   value="{{contact}}" auto-height placeholder-class="placeholder" placeholder="为了带给您更好的体验,期待您的任何反馈,我们将会不断改进" />
                </view>
            </view>
            <view class="phone">
                <input name="contant" value="{{contant}}" placeholder-class="placeholder" placeholder="您的手机号或者邮箱,方便我们及时给您回复" />
            </view>
            <button formType="submit" hover-class="none" loading="{{loading}}">提交</button>
        </form>
    </view>
</view>

.wxcss样式:

/* pages/advice/advice.wxss */
page{
    background-color: #efefef;
}

.contant_wrap{
    background-color: #fff;
}
.contant{
    width: 94%;
    margin: 0 auto
}
textarea{
    min-height: 300rpx;
    padding: 10rpx 0;
    width: 100%;
}
input{
    margin-top: 30rpx;
    height: 100rpx;
    padding-left: 20rpx;
    background-color: #fff;
}
button{
    margin-top: 60rpx;
    background-color: #353331;
    color: #fff;
}
.placeholder{
    color: #999999;
    font-size: 12pt;
}

猜你喜欢

转载自blog.csdn.net/ChibiMarukoChan/article/details/82886839