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'
import './index.scss'
import {connect} from "react-redux"
import {Toast} from 'antd-mobile'
import {api, http} from "@/utils"
import {http} from "@/utils"
import {HeaderBar} from "@/common"
import {logout, updateUser} from '@/store/userAction'
import {compose} from "redux";
......
src/components/my/index.scss
.flex-container {
.my-tab {
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_f7f9fc;
}
.my-tab {
width: 100%;
height: 44px;
font-size: $font_16;
background: $bg_f7f9fc;
}
.my-list-content {
.am-list-item-middle {
height: 50px;
.my-list-content {
.am-list-item-middle {
height: 50px;
.am-list-line {
border-bottom: 1px solid $border_e7eaf1;
padding: 0;
}
}
.am-list-line {
border-bottom: 1px solid $border_e7eaf1;
padding: 0;
}
}
.no-border {
.am-list-line {
border-bottom: none;
.no-border {
.am-list-line {
border-bottom: none;
}
}
}
}
}
.my-list {
.avatar-wrap {
padding: 15px 20px;
height: 95px;
.my-list {
.avatar-wrap {
padding: 15px 20px;
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 {
width: 18px;
height: 17px;
margin-left: 6px;
.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;
}
}
.am-list-item .am-list-line-multiple {
padding-right: 0px !important;
}
.am-list-thumb {
img {
width: 64px;
height: 64px;
border-radius: 50%;
.my-stu {
font-size: 12px;
}
}
.am-list-brief {
color: $color_333 !important;
}
.am-list-header {
padding: 2.5px 0;
background: $bg_f5f5f5;
}
.am-list-content {
font-size: 14px !important;
color: $color_333 !important;
// 修改List组件默认样式
.am-list-item {
padding: 0 20px;
i {
vertical-align: middle;
display: inline-block;
margin: 10px 12px 10px 0;
font-size: 18px !important;
.vip {
width: 18px;
height: 17px;
margin-left: 6px;
}
}
}
.my-list {
.am-list-arrow {
width: 8px !important;
height: 15px !important;
.am-list-item .am-list-line-multiple {
padding-right: 0px !important;
}
}
.am-list-body {
.am-list-arrow {
width: 7px;
height: 12px;
.am-list-thumb {
img {
width: 64px;
height: 64px;
border-radius: 50%;
}
}
}
.am-list-line-multiple::after {
background-color: transparent !important;
}
.am-list-brief {
color: $color_333 !important;
}
.my-list {
.am-list-body::after {
background-color: transparent !important;
.am-list-header {
padding: 2.5px 0;
background: $bg_f5f5f5;
}
}
.am-list-body::after {
background-color: $bg_fff !important;
}
.am-list-content {
font-size: 14px !important;
color: $color_333 !important;
.am-list-content i {
margin: 0;
margin-top: -4px;
margin-right: 10px;
}
i {
vertical-align: middle;
display: inline-block;
margin: 10px 12px 10px 0;
font-size: 18px !important;
}
}
.am-list-body::before {
background-color: transparent !important;
height: 0 !important;
}
}
.my-list {
.am-list-arrow {
width: 8px !important;
height: 15px !important;
}
}
.am-list-body {
.am-list-arrow {
width: 7px;
height: 12px;
}
}
.edit-name {
width: 100%;
height: 100%;
background-color: $bg_f5f5f5;
position: relative;
.am-list-line-multiple::after {
background-color: transparent !important;
}
.my-mess {
width: 100%;
height: 94px;
padding: 0 20px;
line-height: 94px;
font-size: 16px;
background-color: $bg_fff;
.my-list {
.am-list-body::after {
background-color: transparent !important;
}
}
img {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 15px;
vertical-align: middle;
.am-list-body::after {
background-color: $bg_fff !important;
}
.name {
display: inline-block;
margin-left: 15px;
color: $color_666;
.am-list-content i {
margin: 0;
margin-top: -4px;
margin-right: 10px;
}
.edit {
color: $active;
float: right;
.am-list-body::before {
background-color: transparent !important;
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 {
height: 40px;
margin-top: 15px;
.edit-name {
width: 100%;
height: 100%;
background-color: $bg_f5f5f5;
position: relative;
.my-mess {
width: 100%;
height: 94px;
padding: 0 20px;
line-height: 94px;
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 {
background-color: $bg_fff;
width: 50%;
height: 100%;
border: none;
.name {
display: inline-block;
margin-left: 15px;
color: $color_666;
}
.cancle {
border-right: 1px solid $border_ddd;
border-radius: 0 0 0 3px;
.edit {
color: $active;
float: right;
}
}
.submit {
color: $active;
border-radius: 0 0 3px 0;
.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: 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