|
@@ -3,9 +3,9 @@
|
|
|
<!-- 标题 -->
|
|
|
<view class="tips">
|
|
|
<view class="title" v-show="!show">欢迎您的使用</view>
|
|
|
- <view style="font-weight: bold;font-size: 45rpx;color: #4169E1;margin-left: 40rpx;margin-top: 10rpx;"
|
|
|
+ <view style="font-weight: bold;font-size: 36rpx;color: #b0b0b1;margin-left: 40rpx;margin-top: 20rpx;"
|
|
|
v-show="!show">醍摩豆家长助您孩子成长</view>
|
|
|
- <view class="title-sim" v-show="show">选择您的孩子</view>
|
|
|
+ <view class="title" v-show="show">选择您的孩子</view>
|
|
|
|
|
|
<view class="detail-image" v-show="!show"></view>
|
|
|
<button class="detail-button" plain="true" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
|
|
@@ -45,15 +45,15 @@
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState('m_parent', ['parentdetail', 'token']),
|
|
|
- ...mapState('m_children',['semesterList'])
|
|
|
+ ...mapState('m_children', ['semesterList'])
|
|
|
},
|
|
|
onLoad() {
|
|
|
//判断用户信息
|
|
|
this.hasParentDetail()
|
|
|
},
|
|
|
methods: {
|
|
|
- ...mapMutations('m_children', ['updateChildrenInfo','updateChildrenSemester']),
|
|
|
- ...mapMutations('m_parent', ['updateParentInfo','updateParentDetail']),
|
|
|
+ ...mapMutations('m_children', ['updateChildrenInfo', 'updateChildrenSemester']),
|
|
|
+ ...mapMutations('m_parent', ['updateParentInfo', 'updateParentDetail']),
|
|
|
|
|
|
//选择孩子并跳转首页传入id查询显示孩子信息
|
|
|
chooseChildren(item) {
|
|
@@ -138,17 +138,9 @@
|
|
|
// color: transparent; //文字颜色变成透明
|
|
|
}
|
|
|
|
|
|
- .title-sim {
|
|
|
- padding-top: 200rpx;
|
|
|
- padding-left: 40rpx;
|
|
|
- margin-bottom: 50rpx;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 45rpx;
|
|
|
- color: #4169E1;
|
|
|
- }
|
|
|
-
|
|
|
.detail-image {
|
|
|
- margin-top: 50rpx;
|
|
|
+ margin-top: 80rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
width: 100%;
|
|
|
height: 500rpx;
|
|
|
background: $guide-back-base64;
|
|
@@ -156,10 +148,12 @@
|
|
|
}
|
|
|
|
|
|
.detail-button {
|
|
|
- line-height: 100rpx;
|
|
|
+ line-height: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 80%;
|
|
|
font-weight: bold;
|
|
|
- font-size: 40rpx;
|
|
|
- border-radius: 100rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ border-radius: 80rpx;
|
|
|
position: relative;
|
|
|
margin: 100rpx auto; //relative相对定位居中
|
|
|
border: none;
|
|
@@ -176,18 +170,20 @@
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap; //元素换行
|
|
|
+ margin-top: 60rpx;
|
|
|
|
|
|
.item {
|
|
|
- margin: 10rpx 20rpx 20rpx 20rpx;
|
|
|
+ margin: 10rpx 20rpx 10rpx 20rpx;
|
|
|
padding: 20rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- background-color: #f1f3f5;
|
|
|
+ box-shadow: 0 8rpx 16rpx rgba(153, 153, 153, 0.5);
|
|
|
+ background-color: #FFFFFF;
|
|
|
border-radius: 20rpx;
|
|
|
width: 280rpx;
|
|
|
- height: 320rpx;
|
|
|
+ height: 300rpx;
|
|
|
z-index: 99;
|
|
|
|
|
|
.item-text {
|