微信小程序——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>
--------------------- 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM