【套餐】微信小程序在线考试系统  毕业设计

源代码下载地址：https://ke.qq.com/course/package/28113?tuin=2b10d56

有需要的请添加QQ 45157718（微信同号） 咨询

wxml代码

   <view class="zhuce">
        <view class="zhuce_zuo">手机号</view>
        <input type="text" class="zhuce_zhong" placeholder="请输入手机号" />
        <view class="zhuce_you">验证码</view>
    </view>
    <view class="zhuce">
        <view class="zhuce_zuo">验证码</view>
        <input type="text" class="zhuce_zhong" placeholder="请输入验证码" />
        <view class="zhuce_you">已发送</view>
    </view> 
    <view class="zhuce">
        <view class="zhuce_zuo">真实姓名</view>
        <input type="text" class="zhuce_zhong" placeholder="请输入密码" />
    </view>     
    <view class="zhuce">
        <view class="zhuce_zuo">常用QQ</view>
        <input type="text" class="zhuce_zhong" placeholder="常用QQ" />
    </view>     
    <view class="zhuce">
        <view class="zhuce_zuo">常用邮箱</view>
        <input type="text" class="zhuce_zhong" placeholder="常用邮箱" />
    </view> 
    <view class="zhuce">
        <view class="zhuce_zuo">其他备注</view>
        <input type="text" class="zhuce_zhong" placeholder="其他备注" />
    </view> 
        
    <view class="fujia">
        <button class="fujia1">修改用户信息</button>
    </view>

wxss代码

.fujia{display: flex; flex-direction: column; padding: 5px;justify-content: center;}
.fujia_check{padding: 10px;}
.fujia1{ width: 100%; background-color: #DD524D; color:  #FFFFFF;}
.fujia2{text-align: center;  font-size: 14px; color: #333333;}
.fujia3{text-align: center;}
.zhuce{display: flex; border-bottom: 1px solid #C0C0C0;height: 50px;line-height: 50px;align-items: center;}
.zhuce_zuo{width: 4em;padding: 5px;}
.zhuce_zhong{flex: 1;padding: 5px;}
.zhuce_you{width: 4em; text-align: center; background-color: #ECEBF0;}

有需要的请添加QQ 45157718（微信同号） 咨询