1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
/* pages/add_record/index.wxss */
@import "../home/teacher/index.wxss"
/*LXSegmentedControl容器*/
.segmentedControl {
/*水平居中*/
margin: 10px auto;
/*边框为2px 主色调为蓝*/
border: 1px solid #f9aa76;
/*圆角6px*/
border-radius: 6px;
/*控件宽度*/
width: calc(100vw - 20px);
/*控件高度*/
height: 30px;
}
/*普通文本*/
.segmentedControl text {
/*水平排列*/
float: left;
/*宽度为控件宽度的1/3 再减去2px的右边框*/
width: calc((100vw - 20px) / 3 - 1px);
/*字体大小*/
font-size: 14px;
/*主色调*/
color: #f9aa76;
/*行高，与控件高度相等*/
line-height: 30px;
/*文本水平居中*/
text-align: center;
/*右边距*/
border-right: 1px solid #f9aa76;
}
/*选中状态文本*/
.segmentedControl text.selected {
/*同主色调*/
background-color: #f9aa76;
/*前景色为白色*/
color: white;
}
/*最后一个分组按钮*/
.segmentedControl text.last {
/*不必右边框*/
border-right: 0;
/*高度也不必减少2px，就是控件高度的1/3*/
width: calc((100vw - 20px) / 3);
}
.category {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 20rpx 20rpx 0rpx;
margin-right: -40rpx;
justify-content: flex-start;
}
.add_picture_view {
position: relative;
width: calc(100vw / 4 + 20rpx);
height: calc(100vw / 4 + 20rpx);
margin-right: 30rpx;
}
.add_picture {
border-width: 1rxp;
position: absolute;
left: 0rpx;
bottom: 0rpx;
width: calc(100vw / 4);
height: calc(100vw / 4);
}
.delete {
position: absolute;
/* background:#ccc; */
opacity: 1;
top: 0rpx;
right: 0rpx;
width: 60rpx;
height: 60rpx;
}