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

密码登录页移除myStyle

上级 ac01922e
......@@ -5,14 +5,14 @@
<view class="content">
<!-- 顶部文字 -->
<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">
<picker mode="selector" :range="phoneArea" @change="selectPhoneArea">
<text class="phone-area">{{currenPhoneArea}}</text>
</picker>
<input type="number" class="phone-input" placeholder="请输入手机号"
<input type="number" class="phone-input" maxlength="11" placeholder="请输入手机号"
v-model="phoneNumber" />
</view>
......@@ -128,11 +128,10 @@
.hidden,page{
background-color: transparent;
}
@import url("../../common/myStyle.css");
.lgnin-iknow {
.login-iknow {
padding-top: 24rpx;
padding-bottom: 48rpx;
padding-bottom: 48rpx;
}
.phone-input-box {
......@@ -149,7 +148,8 @@
font-size: 30rpx;
}
.phone-input {
.phone-input {
flex: 1;
border-left-width: 1px;
border-left-color: #d7d9d8;
padding: 0 20rpx;
......@@ -196,5 +196,16 @@
.login-text {
color: #1c436e;
font-size: 26rpx;
}
.hover{
opacity: 0.8;
}
/* 首页独有 */
.content-top-title{
text-align: center;
}
.login-iknow{
justify-content: center;
}
</style>
\ No newline at end of file
<template>
<view class="flex flex-column flex-1 w-750 bg-white">
<view class="flex-1 flex flex-column justify-start align-center">
<view class="w-630 flex flex-column">
<view class="wrap">
<view class="wrap-content">
<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">
......@@ -95,7 +95,44 @@
</script>
<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 {
padding-top: 24rpx;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册