Skip to content

肖康 / H5_2.0

Go to a project
Commit 9559018e by LJM
Options

css

parent 888f9e25
Expand all
Inline Side-by-side
Showing with 194 additions and 97 deletions
assets/css/font/iconfont.json
......@@ -6,6 +6,41 @@
"description": "",
"glyphs": [
{
"icon_id": "35570633",
"name": "矩形备份 14 (4)",
"font_class": "a-juxingbeifen144",
"unicode": "e793",
"unicode_decimal": 59283
},
{
"icon_id": "35570634",
"name": "矩形备份 14 (2)",
"font_class": "a-juxingbeifen142",
"unicode": "e794",
"unicode_decimal": 59284
},
{
"icon_id": "35570635",
"name": "矩形备份 14 (3)",
"font_class": "a-juxingbeifen143",
"unicode": "e795",
"unicode_decimal": 59285
},
{
"icon_id": "35570636",
"name": "矩形 (3)",
"font_class": "a-juxing3",
"unicode": "e796",
"unicode_decimal": 59286
},
{
"icon_id": "35570637",
"name": "矩形",
"font_class": "juxing1",
"unicode": "e797",
"unicode_decimal": 59287
},
{
"icon_id": "35559856",
"name": "矩形",
"font_class": "juxing",
......
assets/css/mine/forget.scss
......@@ -94,6 +94,7 @@
&.pwd {
padding-right: 24rpx;
.uni-input {
width: 80%;
text-indent: 23rpx;
font-size: 26rpx;
}
......@@ -121,6 +122,26 @@
font-size: 28rpx;
color: #ffffff;
}
.success {
.p1 {
width: 356rpx;
height: 356rpx;
margin-bottom: 32rpx;
}
.success-t1 {
font-size: 38rpx;
color: #292b33;
margin-bottom: 100rpx;
}
.success-btn {
width: 344rpx;
height: 68rpx;
background: #1969f9;
border-radius: 10rpx;
font-size: 28rpx;
color: #ffffff;
}
}
}
.mb24 {
......
assets/css/mine/login.scss
......@@ -97,6 +97,16 @@
color: #979797;
}
}
&.verification-code {
padding: 0 24rpx;
.uni-input {
font-size: 26rpx;
}
.pic {
width: 160rpx;
height: 62rpx;
}
}
}
.btn {
height: 88rpx;
......
manifest.json
{
"name" : "H5_2.0",
"appid" : "",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
"h5" : {
"devServer" : {
"port" : 8080,
"disableHostCheck" : true,
"proxy" : {
"/apis" : {
"target" : "http://api.liexin.com",
"changeOrigin" : true,
"secure" : true,
"pathRewrite": {"^/apis": ""}
},
"/v3" : {
"target" : "http://www.liexin.com",
"changeOrigin" : true,
"secure" : true,
"pathRewrite": {"^/v3": "/v3/"}
}
}
},
"optimization" : {
"treeShaking" : {
"enable" : false
}
}
},
"app-plus" : {
"usingComponents" : true,
"nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
"name": "H5_2.0",
"appid": "__UNI__7228DC6",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
"h5": {
"devServer": {
"port": 8080,
"disableHostCheck": true,
"proxy": {
"/apis": {
"target": "http://api.liexin.com",
"changeOrigin": true,
"secure": true,
"pathRewrite": {
"^/apis": ""
}
},
"/v3": {
"target": "http://www.liexin.com",
"changeOrigin": true,
"secure": true,
"pathRewrite": {
"^/v3": "/v3/"
}
}
}
},
"optimization": {
"treeShaking": {
"enable": false
}
}
},
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
/* 模块配置 */
"modules" : {},
"modules": {},
/* 应用发布信息 */
"distribute" : {
"distribute": {
/* android打包配置 */
"android" : {
"permissions" : [
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
......@@ -68,32 +69,30 @@
]
},
/* ios打包配置 */
"ios" : {},
"ios": {},
/* SDK配置 */
"sdkConfigs" : {}
"sdkConfigs": {}
}
},
"quickapp" : {},
"mp-weixin" : {
"appid" : "",
"setting" : {
"urlCheck" : false
"quickapp": {},
"mp-weixin": {
"appid": "",
"setting": {
"urlCheck": false
},
"usingComponents" : true
"usingComponents": true
},
"mp-alipay" : {
"usingComponents" : true
"mp-alipay": {
"usingComponents": true
},
"mp-baidu" : {
"usingComponents" : true
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao" : {
"usingComponents" : true
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics" : {
"enable" : false
"uniStatistics": {
"enable": false
},
"vueVersion" : "2"
}
"vueVersion": "2"
}
\ No newline at end of file
pages.json
......@@ -40,6 +40,12 @@
"style": {
"navigationBarTitleText": "协议"
}
},
{
"path": "pages/mine/user",
"style": {
"navigationBarTitleText": "会员中心"
}
}
],
"globalStyle": {
......
pages/mine/forget.vue
......@@ -6,39 +6,47 @@
<text class="tt">猎芯网移动端目前仅支持手机号找回方式，如果您要通过邮箱账号找回密码，请使用电脑打开猎芯网www.ichunt.com</text>
</view>
<view class="step row verCenter">
<view class="box column verCenter curr">
<view class="box column verCenter" :class="{ curr: index == curr }" v-for="(item, index) in textArr" :key="index">
<text class="line"></text>
<text class="tt">身份验证</text>
<text class="tt">{{ item }}</text>
</view>
<view class="box column verCenter">
<text class="line"></text>
<text class="tt">重置密码</text>
</view>
<template v-if="curr == 0">
<view class="input-box mobile row verCenter" style="margin-bottom: 24rpx;">
<view class="picker-box">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter bothSide">
<view class="uni-input">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
</view>
<input type="number" placeholder="请输入手机号码" placeholder-style="color:#919399;" class="uni-input" />
</view>
<view class="box column verCenter">
<text class="line"></text>
<text class="tt">完成</text>
<view class="input-box verification-code row bothSide verCenter" style="margin-bottom: 24rpx;">
<input type="text" placeholder="请输入图中字符，不区分大小写" placeholder-style="color:#919399;" class="uni-input" />
<image src="https://www.ichunt.com/v3/public/verify" class="pic"></image>
</view>
</view>
<view class="input-box mobile row verCenter" style="margin-bottom: 24rpx;">
<view class="picker-box">
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="row verCenter bothSide">
<view class="uni-input">{{ array[index] }}</view>
<view class="iconfont icon-arrbot"></view>
</view>
</picker>
<view class="input-box code row bothSide verCenter" style="margin-bottom: 40rpx;">
<input type="number" placeholder="请输入短信验证码" placeholder-style="color:#919399;" class="uni-input" />
<text class="code">获取验证码</text>
</view>
<input type="number" placeholder="请输入手机号码" placeholder-style="color:#919399;" class="uni-input" />
</view>
<view class="input-box verification-code row bothSide verCenter" style="margin-bottom: 24rpx;">
<input type="text" placeholder="请输入图中字符，不区分大小写" placeholder-style="color:#919399;" class="uni-input" />
<image src="https://www.ichunt.com/v3/public/verify" class="pic"></image>
</view>
<view class="input-box code row bothSide verCenter" style="margin-bottom: 40rpx;">
<input type="number" placeholder="请输入短信验证码" placeholder-style="color:#919399;" class="uni-input" />
<text class="code">获取验证码</text>
</view>
<view class="btn row rowCenter verCenter" @click="submit()">提交</view>
<view class="btn row rowCenter verCenter" @click="submit(1)">提交</view>
</template>
<template v-else-if="curr == 1">
<view class="input-box pwd row bothSide verCenter" style="margin-bottom: 40px;">
<input type="number" placeholder="请输入6-20位数字、字母或符号组合密码" placeholder-style="color:#919399;" class="uni-input" />
<text class="iconfont icon-a-juxingbeifen14"></text>
</view>
<view class="btn row rowCenter verCenter" @click="submit(2)">提交</view>
</template>
<template v-else-if="curr == 2">
<view class="success column rowCenter verCenter">
<image src="../../static/success.png" class="p1"></image>
<text class="success-t1">密码重置成功</text>
<view class="success-btn row rowCenter verCenter">去登录</view>
</view>
</template>
</view>
</template>
......@@ -51,11 +59,17 @@ export default {
data() {
return {
index: 0,
array: ['0086', '00886', '00853', '00852']
array: ['0086', '00886', '00853', '00852'],
textArr: ['身份验证', '重置密码', '完成'],
curr: 0
};
},
onLoad() {},
methods: {}
methods: {
submit(type) {
this.curr = type;
}
}
};
</script>
......
pages/mine/login.vue
......@@ -52,6 +52,10 @@
<input type="number" placeholder="请输入手机号码/邮箱" placeholder-style="color:#919399;" class="uni-input" />
<text class="code" @click="login_type = true">国际手机</text>
</view>
<view class="input-box verification-code row bothSide verCenter" style="margin-bottom: 24rpx;">
<input type="text" placeholder="请输入图中字符，不区分大小写" placeholder-style="color:#919399;" class="uni-input" />
<image src="https://www.ichunt.com/v3/public/verify" class="pic"></image>
</view>
</template>
<view class="input-box pwd row bothSide verCenter mb40">
<input type="number" placeholder="请输入密码" placeholder-style="color:#919399;" class="uni-input" />
......
router/index.js
......@@ -60,6 +60,13 @@ const router = new Router({
meta: {
title: '协议'
}
},
{
path: '/pages/mine/user',
aliasPath: '/user',
meta: {
title: '会员中心'
}
}
]
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment