微信小程序——weui的使用

使用
在根目錄中複製weui.wxss,app.wxss中引入

 

在weui.io中查看到本身想要的樣式表後，到第二個網站複製代碼，複製到本身的項目中便可

<!--pages/register/register2.wxml-->
<view class="container">

<view class="page__hd">
<view class="page__title">學生用戶註冊</view>
<view class='linkTo' bindtap='toMangerReg'> 我是經營者,上線個人店鋪-></view>
</view>
<form>

<view class='list-title'>註冊手機</view>

<view class="weui-cells weui-cells_after-title">
<view class="weui-cell weui-cell_select">
<view class="weui-cell__hd" style="width: 80px">
<picker bindchange="bindCountryCodeChange" value="{{countryCodeIndex}}" range="{{countryCodes}}">
<view class="weui-select">{{countryCodes[countryCodeIndex]}}</view>
</picker>
</view>
<view class="weui-cell__bd weui-cell__bd_in-select-before">
<input class="weui-input" placeholder="請輸入手機號碼" bindinput='mobileChange'/>
</view>
</view>
</view>

<view class='list-title'>實名制</view>

<view class="weui-cells weui-cells_after-title">
<view class="weui-cell weui-cell_select">
<view class="weui-cell__hd" style="">
<picker bindchange="bindSchoolChange" value="{{schoolIndex}}" range="{{schools}}">
<view class="weui-select">學校</view>
</picker>
</view>
<view class="weui-cell__bd weui-cell__bd_in-select-before">
<input class="weui-input"value="{{schools[schoolIndex]}}" bindinput='shcoolChange'/>
</view>
</view>
</view>

<view class="weui-cells weui-cells_after-title">
<view class="weui-cell weui-cell_input">
<view class="weui-cell__hd">
<view class="weui-label" style='width:65px;'>學號</view>
</view>
<view class="weui-cell__bd">
<input class="weui-input" placeholder="請輸入你的學號" bindinput='studentIDChange'/>
</view>
</view>
</view>

<view class='list-title' style='margin-bottom:20px;'>上傳相關學生證照片（能證實我的人身份）</view>

<view class="weui-uploader__bd">
<view class="weui-uploader__files" id="uploaderFiles">
<block wx:for="{{files}}" wx:key="*this">
<view class="weui-uploader__file" bindtap="previewImage" id="{{item}}">
<image class="weui-uploader__img" src="{{item}}" mode="aspectFill" />
</view>
</block>

</view>
<view class="weui-uploader__input-box" style=''>
<view class="weui-uploader__input" bindtap="chooseImage"></view>
</view>
</view>

<button class="weui-btn" type="default" bindtap='toVerify'>開始驗證</button>

</form></view>---------------------