From 7890d895bd543436d44ff66c88c356977675e758 Mon Sep 17 00:00:00 2001 From: li-guang <153605324@qq.com> Date: Tue, 29 Dec 2020 18:26:42 +0800 Subject: [PATCH] 忘记密码 --- hive-app/pages/workbench/followRecords.vue | 114 ++++++++++++++++++++++++++++ hive-app/pages/login/index.vue | 4 hive-app/App.vue | 2 hive-app/pages.json | 51 ++++++++++++ hive-app/pages/workbench/board.vue | 5 + hive-app/pages/workbench/index.vue | 2 hive-app/pages/login/forgetPassword.vue | 30 +++++++ hive-app/pages/login/newPassword.vue | 24 ++++++ 8 files changed, 227 insertions(+), 5 deletions(-) diff --git a/hive-app/App.vue b/hive-app/App.vue index af7518d..966cdba 100644 --- a/hive-app/App.vue +++ b/hive-app/App.vue @@ -16,5 +16,5 @@ /*每个页面公共css */ @import url("./common/styles/index"); @import url("./static/iconfont/iconfont.css"); -@import url("//at.alicdn.com/t/font_2263696_8s0ijyp9m33.css"); +@import url("//at.alicdn.com/t/font_2263696_bah4ajyfqa6.css"); </style> diff --git a/hive-app/pages.json b/hive-app/pages.json index 66bff4a..8322b98 100644 --- a/hive-app/pages.json +++ b/hive-app/pages.json @@ -464,6 +464,57 @@ "scrollIndicator": "none" } } + }, + { + "path": "pages/workbench/followRecords", + "style": { + "navigationBarTitleText": "跟进记录", + "navigationBarBackgroundColor":"#FFFFFF", + "navigationBarTextStyle":"black", + "app-plus":{ + "scrollIndicator": "none", + "titleNView": { + "buttons": [ + { + "text": "\ue620", + "fontSrc": "/static/iconfont/iconfont.ttf", + "fontSize": "16px", + "width":"25px", + "float":"right" + }, + { + "text": "\ue75e", + "fontSrc": "/static/iconfont/iconfont.ttf", + "fontSize": "16px", + "width":"25px", + "float":"right" + } + ] + } + } + } + }, + { + "path": "pages/login/forgetPassword", + "style": { + "navigationBarTitleText": "忘记密码", + "navigationBarBackgroundColor":"#FFFFFF", + "navigationBarTextStyle":"black", + "app-plus":{ + "scrollIndicator": "none" + } + } + }, + { + "path": "pages/login/newPassword", + "style": { + "navigationBarTitleText": "输入新密码", + "navigationBarBackgroundColor":"#FFFFFF", + "navigationBarTextStyle":"black", + "app-plus":{ + "scrollIndicator": "none" + } + } } ], "globalStyle": { diff --git a/hive-app/pages/login/forgetPassword.vue b/hive-app/pages/login/forgetPassword.vue new file mode 100644 index 0000000..d2b99f7 --- /dev/null +++ b/hive-app/pages/login/forgetPassword.vue @@ -0,0 +1,30 @@ +<template> + <!-- 忘记密码 --> + <view> + <view class="input-box"> + <input placeholder="请输入手机号码" placeholder-class="placeholder" class="input-group-row"/> + <view class="flex mt-10"> + <input placeholder="请输入验证码" placeholder-class="placeholder" class="input-group-row flex-1"/> + <button class="btn blue-btn">获取验证码</button> + </view> + </view> + <navigator url="./newPassword" hover-class="none" class="next"> + <button class="blue-btn">下一步</button> + </navigator> + </view> +</template> + +<script> +</script> + +<style> + .input-box{ + margin: 40px 20px; + } + .btn{ + margin: 0; + } + .next{ + margin: 60px 20px; + } +</style> diff --git a/hive-app/pages/login/index.vue b/hive-app/pages/login/index.vue index 83a4788..5e1e83f 100644 --- a/hive-app/pages/login/index.vue +++ b/hive-app/pages/login/index.vue @@ -15,9 +15,9 @@ <input v-model="password" placeholder="请输入密码" placeholder-class="placeholder" class="input-left" maxlength="60"/> <text class="iconfont iconyanjing font-14 gray"></text> </view> - <view class="right mt-5"> + <navigator url="./forgetPassword" hover-class="none" class="right mt-5"> <text class="font-14 blue">忘记密码?</text> - </view> + </navigator> <button :disabled="isDisabled" class="blue-btn mt-20" @click="login">登录</button> </view> diff --git a/hive-app/pages/login/newPassword.vue b/hive-app/pages/login/newPassword.vue new file mode 100644 index 0000000..1a61713 --- /dev/null +++ b/hive-app/pages/login/newPassword.vue @@ -0,0 +1,24 @@ +<template> + <!-- 新密码 --> + <view> + <view class="input-box"> + <input placeholder="请输入新密码" placeholder-class="placeholder" class="input-group-row"/> + <input placeholder="请确认密码" placeholder-class="placeholder" class="input-group-row"/> + </view> + <navigator url="./" hover-class="none" class="next"> + <button class="blue-btn">提交</button> + </navigator> + </view> +</template> + +<script> +</script> + +<style> + .input-box{ + margin: 40px 20px; + } + .next{ + margin: 60px 20px; + } +</style> diff --git a/hive-app/pages/workbench/board.vue b/hive-app/pages/workbench/board.vue index 00b1447..77d5f94 100644 --- a/hive-app/pages/workbench/board.vue +++ b/hive-app/pages/workbench/board.vue @@ -146,9 +146,12 @@ border-width: 0; border-top-width: 1px; border-left-width: 1px; - border-bottom-width: 1px; + /* border-bottom-width: 1px; */ color: #111111; } + .h-tr:nth-last-child(1){ + border-bottom-width: 1px; + } /* 单元格 */ .h-td{ min-width: 80px; diff --git a/hive-app/pages/workbench/followRecords.vue b/hive-app/pages/workbench/followRecords.vue new file mode 100644 index 0000000..45a3dda --- /dev/null +++ b/hive-app/pages/workbench/followRecords.vue @@ -0,0 +1,114 @@ +<template> + <!-- 跟进记录 --> + <view> + <view> + <h-tabs + class="tab" + :tabData="tabs" + :config="{ + color: '#abb1cc', + activeColor: '#518EFF', + underLineColor: '#518EFF', + underLineHeight: 6, + fontSize: '28', + underLineWidth: 60, + }" + @tabClick="tabClick($event)" + /> + </view> + <view class="content-row font-14" v-for="item in 2"> + <view class="flex align-center"> + <image class="header-img" src="../../static/images/head-img.png"></image> + <view class="flex flex-v ml-10"> + <text>杨明</text> + <text>2020-12 12:34</text> + </view> + </view> + <view class="mt-10"> + <text>截图服务了杨姐,她的面部比较干燥暗沉色斑较多,约下次来做一个面部护理</text> + </view> + <view class="mt-10"> + <image class="content-img mr-10" src="../../static/images/banner.jpg"></image> + <image class="content-img" src="../../static/images/banner.jpg"></image> + </view> + <view class="flex align-center justify-between mt-5"> + <text>客户:杨依依</text> + <view class="flex align-center"> + <text class="iconfont iconzhong mr-5"></text> + <text>2020-12-31 12:34</text> + </view> + </view> + <view class="mt-5"> + <text>订单:面部护理等</text> + </view> + <view class="right mt-5"> + <text class="iconfont iconxin"></text> + <text class="iconfont iconliuyan1 ml-20"></text> + </view> + <view class="content-row-notes flex align-center blue"> + <text class="iconfont iconxin mr-10"></text> + <text>李贝,拉拉</text> + </view> + <view class="content-row-notes flex align-center blue"> + <text>李贝: 好的,继续跟进</text> + </view> + </view> + </view> +</template> + +<script> + import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue"; + export default { + components: { + HTabs + }, + data() { + return { + tabs:[ + { + state: 1, + name: '全部' + }, + { + state: 2, + name: '我发出的' + }, + { + state: 3, + name: '我的团队' + } + ] + } + } + } +</script> + +<style> + page{ + background: #F6F6F8; + } + .tab{ + background: #FFFFFF; + } + .header-img{ + width: 45px; + height: 45px; + border-radius: 50%; + } + .content-row{ + background: #FFFFFF; + padding: 10px; + margin-top: 10px; + } + .content-img{ + width: 80px; + height: 80px; + border-radius: 4px; + } + .content-row-notes{ + line-height: 20px; + background: #F6F6F8; + padding: 5px; + margin-top: 10px; + } +</style> diff --git a/hive-app/pages/workbench/index.vue b/hive-app/pages/workbench/index.vue index 4d16322..e49a2ed 100644 --- a/hive-app/pages/workbench/index.vue +++ b/hive-app/pages/workbench/index.vue @@ -114,7 +114,7 @@ </navigator> </view> <view class="list-item"> - <navigator url="./" hover-class="none"> + <navigator url="./followRecords" hover-class="none"> <image class="content-icon" src="../../static/images/commission2.png"></image> <text class="font-12 font-dark">跟进记录</text> </navigator> -- Gitblit v1.9.1