提交 053af930 编写于 作者: 芊里

密码登录页移除myStyle

上级 ac01922e
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
<view class="content"> <view class="content">
<!-- 顶部文字 --> <!-- 顶部文字 -->
<text class="content-top-title">登陆后即可展示自己</text> <text class="content-top-title">登陆后即可展示自己</text>
<login-ikonw class="lgnin-iknow" :link="link" text="登录即表示同意用户协议和隐私政策"></login-ikonw> <login-ikonw class="login-iknow" :link="link" text="登录即表示同意用户协议和隐私政策"></login-ikonw>
<!-- 登录框 (选择手机号所属国家和地区需要另行实现) --> <!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
<view class="phone-input-box"> <view class="phone-input-box">
<picker mode="selector" :range="phoneArea" @change="selectPhoneArea"> <picker mode="selector" :range="phoneArea" @change="selectPhoneArea">
<text class="phone-area">{{currenPhoneArea}}</text> <text class="phone-area">{{currenPhoneArea}}</text>
</picker> </picker>
<input type="number" class="phone-input" placeholder="请输入手机号" <input type="number" class="phone-input" maxlength="11" placeholder="请输入手机号"
v-model="phoneNumber" /> v-model="phoneNumber" />
</view> </view>
...@@ -128,11 +128,10 @@ ...@@ -128,11 +128,10 @@
.hidden,page{ .hidden,page{
background-color: transparent; background-color: transparent;
} }
@import url("../../common/myStyle.css");
.lgnin-iknow { .login-iknow {
padding-top: 24rpx; padding-top: 24rpx;
padding-bottom: 48rpx; padding-bottom: 48rpx;
} }
.phone-input-box { .phone-input-box {
...@@ -149,7 +148,8 @@ ...@@ -149,7 +148,8 @@
font-size: 30rpx; font-size: 30rpx;
} }
.phone-input { .phone-input {
flex: 1;
border-left-width: 1px; border-left-width: 1px;
border-left-color: #d7d9d8; border-left-color: #d7d9d8;
padding: 0 20rpx; padding: 0 20rpx;
...@@ -196,5 +196,16 @@ ...@@ -196,5 +196,16 @@
.login-text { .login-text {
color: #1c436e; color: #1c436e;
font-size: 26rpx; font-size: 26rpx;
}
.hover{
opacity: 0.8;
}
/* 首页独有 */
.content-top-title{
text-align: center;
}
.login-iknow{
justify-content: center;
} }
</style> </style>
\ No newline at end of file
<template> <template>
<view class="flex flex-column flex-1 w-750 bg-white"> <view class="wrap">
<view class="flex-1 flex flex-column justify-start align-center"> <view class="wrap-content">
<view class="w-630 flex flex-column"> <view class="content">
<!-- 顶部文字 --> <!-- 顶部文字 -->
<text class="font-32 font-blod pt-5">手机号密码登录</text> <text class="content-top-title">手机号密码登录</text>
<!-- 登录框 (选择手机号所属国家和地区需要另行实现) --> <!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
<view class="phone-input-box round flex flex-row flex-nowrap align-center justify-center mt-5"> <view class="phone-input-box round flex flex-row flex-nowrap align-center justify-center mt-5">
...@@ -95,7 +95,44 @@ ...@@ -95,7 +95,44 @@
</script> </script>
<style> <style>
@import url("../../common/myStyle.css"); /* #ifndef APP-NVUE */
page{
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
/* #endif */
.wrap{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
flex:1;
width: 750rpx;
background-color: #fff;
}
.wrap-content{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex: 1;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.content{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
width: 630rpx;
flex-direction: column;
}
.content-top-title{
font-size: 32rpx;
font-weight: 600;
padding-top: 50rpx;
}
.lgnin-iknow { .lgnin-iknow {
padding-top: 24rpx; padding-top: 24rpx;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册