liquanyu / littleapp_woman

Download as
Browse Code »

Commit 4a732e8c13681a400cea0724a4673bec2be75eeb

Authored by shaoshuai
1 parent bf75fc12a5
Exists in master

手机登录

Showing 7 changed files with 165 additions and 7 deletions

woman/app.json View file @ 4a732e8
... ... @@ -8,7 +8,7 @@
8 8 "pages/articleDetail/articleDetail",
9 9 "pages/hospitalDetail/hospitalDetail",
10 10 "pages/login/login",
11   - "pages/phoneLogin/phoneLogin",
  11 + "pages/phoneLogin/phoneLogin",
12 12 "pages/folicAcid/folicAcid",
13 13 "pages/cancerCheck/cancerCheck",
14 14 "pages/report_first/report_first",
... ... @@ -16,8 +16,9 @@
16 16 "pages/premaritalReport/premaritalReport",
17 17 "pages/eugenics/eugenics",
18 18 "pages/mine/mine",
19   - "pages/mineInfo/mineInfo",
20   - "pages/message/message"
  19 + "pages/mineInfo/mineInfo",
  20 + "pages/message/message",
  21 + "pages/document/document"
21 22 ],
22 23 "window": {
23 24 "backgroundTextStyle": "light",
woman/pages/document/document.js View file @ 4a732e8
  1 +// pages/document/document.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad(options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady() {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow() {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide() {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload() {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh() {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom() {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage() {
  64 +
  65 + }
  66 +})
woman/pages/document/document.json View file @ 4a732e8
  1 +{
  2 + "usingComponents": {}
  3 +}
woman/pages/document/document.wxml View file @ 4a732e8
  1 +<!--pages/document/document.wxml-->
  2 +<text>pages/document/document.wxml</text>
woman/pages/document/document.wxss View file @ 4a732e8
  1 +/* pages/document/document.wxss */
woman/pages/phoneLogin/phoneLogin.wxml View file @ 4a732e8
1   -<view class="backgroundView">
2   - <view class="i-column i-align-center">
3   - <image class="logo" src="../../source/imageSource/bg/logo.png"></image>
  1 +<view class="">
4 2  
5   - <button class="login" style="width: 670rpx;" bindtap="login">微信登陆</button>
  3 + <view class="i-column margin-l40" style="margin-top: 136rpx;">
  4 + <view class="title i-row">欢迎等登陆<text class="tip">美生妇保
  5 + </text> 小程序</view>
  6 + <view class="text margin-t10 ">请输入医院预留号码，匹配信息</view>
  7 + <view class="phone">
  8 + <input class="margin-l26" placeholder="请输入手机号码" />
  9 + </view>
  10 + <view class="i-row i-align-center margin-t30">
  11 +
  12 + <view class="code">
  13 + <input class="margin-l26" placeholder="请输入手机号码" />
  14 + </view>
  15 + <view class="send margin-l20">获取验证码</view>
  16 + </view>
  17 + <view class="i-row i-align-center margin-t30">
  18 + <radio color="#FF8EA9"> </radio>
  19 + <view class="text1">
  20 + 我已阅读定同意 <text style="color: #2EA8FF;">《用户协议》《隐私协议》</text>
  21 + </view>
  22 + </view>
  23 + <button class="login" style="width: 670rpx;" bindtap="login">登陆</button>
6 24 </view>
  25 +
7 26 </view>
woman/pages/phoneLogin/phoneLogin.wxss View file @ 4a732e8
1 1 .title{
  2 +
2 3 height: 62rpx;
3 4 font-size: 44rpx;
4 5 font-weight: 500;
5 6 color: #333333;
6 7 line-height: 52rpx;
  8 +}
  9 +.tip{
  10 + color: #FF8EA9;
  11 +}
  12 +.text{
  13 +
  14 +height: 36rpx;
  15 +font-size: 26rpx;
  16 +font-family: PingFang SC-Medium, PingFang SC;
  17 +font-weight: 500;
  18 +color: #828282;
  19 +line-height: 30rpx;
  20 +
  21 +}
  22 +.phone{
  23 + width: 670rpx;
  24 +height: 100rpx;
  25 +background: #F2F2F2;
  26 +border-radius: 10rpx 10rpx 10rpx 10rpx;
  27 +opacity: 1;
  28 +margin-top: 100rpx;
  29 +display: flex;
  30 +align-items: center;
  31 +}
  32 +.code{
  33 + width: 415rpx;
  34 +height: 100rpx;
  35 +background: #F2F2F2;
  36 +border-radius: 10rpx 10rpx 10rpx 10rpx;
  37 +opacity: 1;
  38 +display: flex;
  39 +align-items: center;
  40 +}
  41 +.send{
  42 + width: 231rpx;
  43 +height: 72rpx;
  44 +background: linear-gradient(135deg, #FFB4B4 0%, #FF8EA9 100%);
  45 +border-radius: 10rpx 10rpx 10rpx 10rpx;
  46 +opacity: 1;
  47 +text-align: center;
  48 +line-height: 72rpx;
  49 +font-size: 30rpx;
  50 +font-family: PingFang SC-Medium, PingFang SC;
  51 +font-weight: 500;
  52 +color: #FFFFFF;
  53 +}
  54 +.text1{
  55 +
  56 +height: 22rpx;
  57 +font-size: 22rpx;
  58 +font-family: PingFang SC-Medium, PingFang SC;
  59 +font-weight: 500;
  60 +color: #828282;
  61 +line-height: 26rpx;
  62 +}
  63 +.login{
  64 + width: 670rpx;
  65 +height: 100rpx;
  66 +background: linear-gradient(135deg, #FFB4B4 0%, #FF8EA9 100%);
  67 +border-radius: 10rpx 10rpx 10rpx 10rpx;
  68 +opacity: 1;
  69 +color: white;
  70 +margin-top: 264rpx;
  71 +font-size: 34rpx;
  72 +line-height: 70rpx;
7 73 }