微信小程序

使用微信小程序制作页面

1.

<!--pages/login/login.wxml-->
<view class='container'>
<view class='header'>
<text>评价系统-学生端</text>
</view>
<form bindsubmit="login">
<view class='section'>
<text>学号：</text>
<input type='number' name="no" value="1635050110" placeholder='请输入学号'></input>
</view>
<view class='section'>
<text>密码：</text>
<input password='true' name="pwd" value="12345678" placeholder='请输入密码'></input>
</view>
<view class='section'>
<button type='primary' form-type="submit">登录</button>
</view>
</form>
</view>

2.

<!--pages/teachers/teachers.wxml-->
<view class='container'>
  <view class='section' wx:for="{{teachers}}">
<view class='img'>
<image style="width: 80px; height: 80px; background-color: #eeeeee;border-radius:45px;" mode="{{item.mode}}"    src="64.jpg"></image>
</view>

<view class='content' >
<view>姓名：{{item.teachername}}</view>
<view>任课：{{item.course}}</view>

<view class='buttom'>
<navigator open-type="navigate" url="" class='button'>留言</navigator>
<navigator open-type="navigate" url="../testpaper/testpaper" class='button'>评教</navigator>
</view>
</view>
</view>
</view>

<!--pages/testpaper/testpaper.wxml-->
<view class='container'>

 <view class='nav'>

 <view class='image'>
 <image src='15.jpg' style="width:315px;height:150px;" ></image>
 </view>

<view class='tet'>xxx</view>
<view class='txt'>男  工程师</view>
<view class='img'>
<image src='16.png' style="width:100px;height:100px; border-radius: 50px;"></image>
</view>

</view> 
<view class='content'>

<view class='top'>
<view class='t-top'>常规评教</view>
<view class='t-down'>2018年上半年常规评教</view>
</view>

<view class='down'>
<view class='d-top'>统一评教 2018-03-01至 2018-04-03</view>
<view class='d-down'>2018-03-01</view>
</view>

</view>



</view>