徐强 / market_manage · 提交

转到一个项目

作者 xuqiang
提交 fc1f8d42a3e79488d74b816a5fe0c01a4df7a152 1 个父辈 3b382f23

提交

内嵌 并排对比
正在显示 5 个修改的文件 包含 221 行增加 和 0 行删除
@@ -4,6 +4,22 @@ @@ -4,6 +4,22 @@
4 }, 4 },
5 "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages 5 "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
6 { 6 {
  7 + "path": "pages/index/loginUser",
  8 + "style": {
  9 + "navigationBarTitleText": "市场监管",
  10 + "navigationBarBackgroundColor":"#2e7ff9",
  11 + "navigationBarTextStyle":"white"
  12 + }
  13 + },
  14 + {
  15 + "path": "pages/index/loginCompany",
  16 + "style": {
  17 + "navigationBarTitleText": "市场监管",
  18 + "navigationBarBackgroundColor":"#2e7ff9",
  19 + "navigationBarTextStyle":"white"
  20 + }
  21 + },
  22 + {
7 "path": "pages/index/index", 23 "path": "pages/index/index",
8 "style": { 24 "style": {
9 "navigationBarTitleText": "市场监管", 25 "navigationBarTitleText": "市场监管",
  1 +<template>
  2 + <view class="loginWrap">
  3 + <view class="loginTitle">
  4 + 企业登录
  5 + </view>
  6 + <view class="loginInp">
  7 + <view class="loginItem">
  8 + <text>账号</text>
  9 + <input type="text" placeholder="请输入手机号" placeholder-class="itemPh"/>
  10 + </view>
  11 + <view class="loginItem" v-if="loginType == 'password'">
  12 + <text>密码</text>
  13 + <input type="password" placeholder="请输入密码" placeholder-class="itemPh"/>
  14 + </view>
  15 + <view class="loginItem" v-if="loginType == 'code'">
  16 + <text>验证码</text>
  17 + <input type="text" placeholder="请输入验证码" placeholder-class="itemPh"/>
  18 + <view class="codeBtn">
  19 + 获取验证码
  20 + </view>
  21 + </view>
  22 + </view>
  23 + <view class="loginBtnWrap">
  24 + <view class="loginBtn">
  25 + 登录
  26 + </view>
  27 + </view>
  28 + <view class="loginOther">
  29 + <text v-if="loginType == 'password'">忘记密码？</text>
  30 + <text v-if="loginType == 'password'" @click="loginType = 'code'">短信登录</text>
  31 + <text v-if="loginType == 'code'" @click="loginType = 'password'">密码登录</text>
  32 + </view>
  33 + </view>
  34 +</template>
  35 +
  36 +<script>
  37 + export default{
  38 + data(){
  39 + return{
  40 + loginType:'password'
  41 + }
  42 + }
  43 + }
  44 +</script>
  45 +
  46 +<style lang="scss" scoped>
  47 + .loginWrap{
  48 + background: url(../../static/image/index/ic_1@2x.png) no-repeat;
  49 + background-size: 100%;
  50 + height: 100vh;
  51 + padding: 0 100rpx;
  52 + .loginTitle{
  53 + padding-top: 202rpx;
  54 + font-size: 72rpx;
  55 + color: #fff;
  56 + }
  57 + .loginInp{
  58 + padding-top: 100rpx;
  59 + .loginItem{
  60 + height: 119rpx;
  61 + display: flex;
  62 + align-items: center;
  63 + border-bottom: 1rpx solid rgba(242,243,245,0.50);
  64 + text{width: 164rpx;font-size: $uni-font-size-32;color: $uni-text-color-bai;}
  65 + input{font-size: $uni-font-size-32;color: $uni-text-color-bai;flex: 1;}
  66 + .itemPh{
  67 + color: rgba(242,243,245,0.60);
  68 + font-size: $uni-font-size-26;
  69 + }
  70 + .codeBtn{
  71 + width: 148rpx;
  72 + height: 50rpx;
  73 + border: 1rpx solid #ffffff;
  74 + border-radius: 21rpx;
  75 + font-size: $uni-font-size-26;
  76 + color: $uni-text-color-bai;
  77 + line-height: 50rpx;
  78 + text-align: center;
  79 + }
  80 + }
  81 + }
  82 + .loginBtnWrap{
  83 + padding-top: 141rpx;
  84 + .loginBtn{
  85 + width: 548rpx;
  86 + height: 88rpx;
  87 + background: #f7f8fa;
  88 + border-radius: 96rpx;
  89 + text-align: center;
  90 + color: $uni-bg-main-color;
  91 + line-height: 88rpx;
  92 + font-size: $uni-font-size-32;
  93 + }
  94 + }
  95 + .loginOther{
  96 + padding-top: 12rpx;
  97 + display: flex;
  98 + justify-content: space-between;
  99 + color: $uni-text-color-bai;
  100 + font-size: $uni-font-size-26;
  101 + }
  102 + }
  103 +</style>
  1 +<template>
  2 + <view class="loginWrap">
  3 + <view class="loginTitle">
  4 + 员工登录
  5 + </view>
  6 + <view class="loginInp">
  7 + <view class="loginItem">
  8 + <text>账号</text>
  9 + <input type="text" placeholder="请输入手机号" placeholder-class="itemPh"/>
  10 + </view>
  11 + <view class="loginItem" v-if="loginType == 'password'">
  12 + <text>密码</text>
  13 + <input type="password" placeholder="请输入密码" placeholder-class="itemPh"/>
  14 + </view>
  15 + <view class="loginItem" v-if="loginType == 'code'">
  16 + <text>验证码</text>
  17 + <input type="text" placeholder="请输入验证码" placeholder-class="itemPh"/>
  18 + <view class="codeBtn">
  19 + 获取验证码
  20 + </view>
  21 + </view>
  22 + </view>
  23 + <view class="loginBtnWrap">
  24 + <view class="loginBtn">
  25 + 登录
  26 + </view>
  27 + </view>
  28 + <view class="loginOther">
  29 + <text v-if="loginType == 'password'">忘记密码？</text>
  30 + <text v-if="loginType == 'password'" @click="loginType = 'code'">短信登录</text>
  31 + <text v-if="loginType == 'code'" @click="loginType = 'password'">密码登录</text>
  32 + </view>
  33 + </view>
  34 +</template>
  35 +
  36 +<script>
  37 + export default{
  38 + data(){
  39 + return{
  40 + loginType:'password'
  41 + }
  42 + }
  43 + }
  44 +</script>
  45 +
  46 +<style lang="scss" scoped>
  47 + .loginWrap{
  48 + background: url(../../static/image/index/ic_2@2x.png) no-repeat;
  49 + background-size: 100%;
  50 + height: 598rpx;
  51 + padding: 0 100rpx;
  52 + .loginTitle{
  53 + padding-top: 352rpx;
  54 + font-size: 72rpx;
  55 + color: #fff;
  56 + }
  57 + .loginInp{
  58 + padding-top: 200rpx;
  59 + .loginItem{
  60 + height: 119rpx;
  61 + display: flex;
  62 + align-items: center;
  63 + border-bottom: 1rpx solid $uni-bg-main-color;
  64 + text{width: 164rpx;font-size: $uni-font-size-32;color: $uni-bg-main-color;}
  65 + input{font-size: $uni-font-size-32;color: $uni-text-color-bai;flex: 1;}
  66 + .itemPh{
  67 + font-size: $uni-font-size-26;
  68 + }
  69 + .codeBtn{
  70 + width: 148rpx;
  71 + height: 50rpx;
  72 + border: 1rpx solid $uni-bg-main-color;
  73 + border-radius: 21rpx;
  74 + font-size: $uni-font-size-26;
  75 + color: $uni-bg-main-color;
  76 + line-height: 50rpx;
  77 + text-align: center;
  78 + }
  79 + }
  80 + }
  81 + .loginBtnWrap{
  82 + padding-top: 100rpx;
  83 + .loginBtn{
  84 + width: 548rpx;
  85 + height: 88rpx;
  86 + background: $uni-bg-main-color;
  87 + border-radius: 96rpx;
  88 + text-align: center;
  89 + color: $uni-bg-bai-color;
  90 + line-height: 88rpx;
  91 + font-size: $uni-font-size-32;
  92 + }
  93 + }
  94 + .loginOther{
  95 + padding-top: 12rpx;
  96 + display: flex;
  97 + justify-content: space-between;
  98 + color: $uni-bg-main-color;
  99 + font-size: $uni-font-size-26;
  100 + }
  101 + }
  102 +</style>