Skip to content

M
mr-julyedu
Commit ad413483 by zhanghaozhe
Options

myedit

parent e2d676b4
Showing with 197 additions and 194 deletions
src/components/my/edit.js
...@@ -2,7 +2,7 @@ import React, {PureComponent} from 'react' ...@@ -2,7 +2,7 @@ import React, {PureComponent} from 'react'
import './index.scss' import './index.scss'
import {connect} from "react-redux" import {connect} from "react-redux"
import {Toast} from 'antd-mobile' import {Toast} from 'antd-mobile'
import {api, http} from "@/utils" import {http} from "@/utils"
import {HeaderBar} from "@/common" import {HeaderBar} from "@/common"
import {logout, updateUser} from '@/store/userAction' import {logout, updateUser} from '@/store/userAction'
import {compose} from "redux"; import {compose} from "redux";
......
src/components/my/index.scss
.flex-container { .flex-container {
.my-tab { .my-tab {
width: 100%; width: 100%;
height: 44px; height: 44px;
font-size: $font_16; font-size: $font_16;
background: $bg_f7f9fc; background: $bg_f7f9fc;
} }
.my-list-content { .my-list-content {
.am-list-item-middle { .am-list-item-middle {
height: 50px; height: 50px;
.am-list-line { .am-list-line {
border-bottom: 1px solid $border_e7eaf1; border-bottom: 1px solid $border_e7eaf1;
padding: 0; padding: 0;
} }
} }
.no-border { .no-border {
.am-list-line { .am-list-line {
border-bottom: none; border-bottom: none;
} }
}
} }
}
.my-list { .my-list {
.avatar-wrap { .avatar-wrap {
padding: 15px 20px; padding: 15px 20px;
height: 95px; height: 95px;
}
} }
}
.my-isvip {
display: inline-block;
width: 100%;
height: 43px;
background-image: url("./image/vip_bg.png");
background-size: cover;
background-repeat: no-repeat;
border-radius: 3px;
}
.my-stu {
font-size: 12px;
}
// 修改List组件默认样式
.am-list-item {
padding: 0 20px;
.vip { .my-isvip {
width: 18px; display: inline-block;
height: 17px; width: 100%;
margin-left: 6px; height: 43px;
background-image: url("./image/vip_bg.png");
background-size: cover;
background-repeat: no-repeat;
border-radius: 3px;
} }
}
.am-list-item .am-list-line-multiple {
padding-right: 0px !important;
}
.am-list-thumb { .my-stu {
img { font-size: 12px;
width: 64px;
height: 64px;
border-radius: 50%;
} }
}
.am-list-brief {
color: $color_333 !important;
}
.am-list-header {
padding: 2.5px 0;
background: $bg_f5f5f5;
}
.am-list-content { // 修改List组件默认样式
font-size: 14px !important; .am-list-item {
color: $color_333 !important; padding: 0 20px;
i { .vip {
vertical-align: middle; width: 18px;
display: inline-block; height: 17px;
margin: 10px 12px 10px 0; margin-left: 6px;
font-size: 18px !important; }
} }
}
.my-list { .am-list-item .am-list-line-multiple {
.am-list-arrow { padding-right: 0px !important;
width: 8px !important;
height: 15px !important;
} }
}
.am-list-body { .am-list-thumb {
.am-list-arrow { img {
width: 7px; width: 64px;
height: 12px; height: 64px;
border-radius: 50%;
}
} }
}
.am-list-line-multiple::after { .am-list-brief {
background-color: transparent !important; color: $color_333 !important;
} }
.my-list { .am-list-header {
.am-list-body::after { padding: 2.5px 0;
background-color: transparent !important; background: $bg_f5f5f5;
} }
}
.am-list-body::after { .am-list-content {
background-color: $bg_fff !important; font-size: 14px !important;
} color: $color_333 !important;
.am-list-content i { i {
margin: 0; vertical-align: middle;
margin-top: -4px; display: inline-block;
margin-right: 10px; margin: 10px 12px 10px 0;
} font-size: 18px !important;
}
}
.am-list-body::before { .my-list {
background-color: transparent !important; .am-list-arrow {
height: 0 !important; width: 8px !important;
} height: 15px !important;
} }
}
.am-list-body {
.am-list-arrow {
width: 7px;
height: 12px;
}
}
.edit-name { .am-list-line-multiple::after {
width: 100%; background-color: transparent !important;
height: 100%; }
background-color: $bg_f5f5f5;
position: relative;
.my-mess { .my-list {
width: 100%; .am-list-body::after {
height: 94px; background-color: transparent !important;
padding: 0 20px; }
line-height: 94px; }
font-size: 16px;
background-color: $bg_fff;
img { .am-list-body::after {
width: 64px; background-color: $bg_fff !important;
height: 64px;
border-radius: 50%;
margin-right: 15px;
vertical-align: middle;
} }
.name { .am-list-content i {
display: inline-block; margin: 0;
margin-left: 15px; margin-top: -4px;
color: $color_666; margin-right: 10px;
} }
.edit { .am-list-body::before {
color: $active; background-color: transparent !important;
float: right; height: 0 !important;
} }
} }
.out-login {
width: 100%;
height: 44px;
background-color: $bg_fff;
line-height: 44px;
text-align: center;
font-size: 16px;
color: $color_333;
position: absolute;
bottom: 50px;
}
.edit-mbc {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
.edit-content {
background-color: $bg_fff;
width: 300px;
height: 135px;
border-radius: 5px;
margin: 224px auto 0 auto;
text-align: center;
padding-top: 20px;
.edit-title {
font-size: 16px;
color: $color_333;
height: 16px;
line-height: 16px;
}
input {
width: 240px;
height: 30px;
border: 1px solid $border_ddd;
border-radius: 3px;
padding-left: 15px;
margin-top: 15px;
}
.edit-btn { .edit-name {
height: 40px; width: 100%;
margin-top: 15px; height: 100%;
background-color: $bg_f5f5f5;
position: relative;
.my-mess {
width: 100%;
height: 94px;
padding: 0 20px;
line-height: 94px;
font-size: 16px; font-size: 16px;
border-top: 1px solid $border_ddd; background-color: $bg_fff;
img {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 15px;
vertical-align: middle;
}
button { .name {
background-color: $bg_fff; display: inline-block;
width: 50%; margin-left: 15px;
height: 100%; color: $color_666;
border: none;
} }
.cancle { .edit {
border-right: 1px solid $border_ddd; color: $active;
border-radius: 0 0 0 3px; float: right;
} }
}
.submit { .out-login {
color: $active; width: 100%;
border-radius: 0 0 3px 0; height: 44px;
background-color: $bg_fff;
line-height: 44px;
text-align: center;
font-size: 16px;
color: $color_333;
position: absolute;
bottom: 50px;
}
.edit-mbc {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
.edit-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
background-color: $bg_fff;
width: 300px;
height: 135px;
border-radius: 5px;
//margin: 224px auto 0 auto;
text-align: center;
padding-top: 20px;
.edit-title {
font-size: 16px;
color: $color_333;
height: 16px;
line-height: 16px;
}
input {
width: 240px;
height: 30px;
border: 1px solid $border_ddd;
border-radius: 3px;
padding-left: 15px;
margin-top: 15px;
}
.edit-btn {
height: 40px;
margin-top: 15px;
font-size: 16px;
border-top: 1px solid $border_ddd;
button {
background-color: $bg_fff;
width: 50%;
height: 100%;
border: none;
}
.cancle {
border-right: 1px solid $border_ddd;
border-radius: 0 0 0 3px;
}
.submit {
color: $active;
border-radius: 0 0 3px 0;
}
}
} }
}
} }
}
} }
\ No newline at end of file
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 to comment