Blame view

src/views/Service/BaseDetail/BaseDetail.scss 7.03 KB
c0087cf1   夏洋涛   feat:创建项目
1
.base_detail {
2f23010e   夏洋涛   feat:导师删除,联系修改
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
    padding-bottom: 200px;
    .header {
        img {
            width: 100%;
        }
    }
    .uni_text {
        width: 100%;
        background: #fff;
        padding: 24px 34px;
        box-sizing: border-box;
        .course_name {
            font-size: 34px;
            font-weight: bold;
        }
        .course_info {
            font-size: 24px;
            color: #999;
            margin-top: 16px;
        }
        .address {
            font-size: 24px;
            color: #999;
            margin-top: 16px;
            width: 100%;
            height: 88px;
            line-height: 88px;
            background: url('../../../assets/service/address_bg.png') 100%/100% no-repeat;
            box-sizing: border-box;
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            .icon {
                color: #333;
                // color: #000;
            }
        }
        .rate {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            div>span {
                font-size: 30px;
                color: #ffcc00;
                margin-left: 30px;
            }
            >span {
                font-size: 26px;
            }
c0087cf1   夏洋涛   feat:创建项目
53
        }
2f23010e   夏洋涛   feat:导师删除,联系修改
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
90
91
92
93
94
        .tag_box {
            padding-top: 10px;
            .tag {
                display: inline-block;
                margin-top: 10px;
                margin-right: 12px;
                color: #4092ff;
                font-size: 24px;
                border-radius: 8px;
                border: 2px solid #4092ff;
                padding: 2px 10px;
            }
        }
    }
    .content_box {
        position: relative;
        .content_all {
            overflow: hidden;
            font-size: 31px !important;
            line-height: 40px !important;
            letter-spacing: 1.6px;
            color: #666;
            img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }
            &.active_box {
                white-space: nowrap;
                overflow: auto;
                &::-webkit-scrollbar {
                    width: 0;
                }
                &::-webkit-scrollbar {
                    display: none;
                }
            }
            .active_item {
                display: inline-block;
                width: 287px;
                cursor: pointer;
c0087cf1   夏洋涛   feat:创建项目
95
                background: #fff;
2f23010e   夏洋涛   feat:导师删除,联系修改
96
97
98
99
100
                transition: 0.3s ease;
                margin-right: 14px;
                &:last-of-type {
                    margin-right: 0;
                }
c0087cf1   夏洋涛   feat:创建项目
101
                .bg_box {
2f23010e   夏洋涛   feat:导师删除,联系修改
102
103
104
105
106
                    width: 287px;
                    height: 216px;
                    background-size: cover;
                    background-position: center;
                }
c0087cf1   夏洋涛   feat:创建项目
107
                .text_box {
2f23010e   夏洋涛   feat:导师删除,联系修改
108
109
110
                    padding: 10px;
                }
                .tag {
c0087cf1   夏洋涛   feat:创建项目
111
                    display: inline-block;
2f23010e   夏洋涛   feat:导师删除,联系修改
112
113
114
115
116
117
118
119
120
121
                    margin-top: 2px;
                    margin-right: 12px;
                    font-size: 20px;
                    line-height: 32px;
                    color: #65768c;
                    background: #f3f7fd;
                    border-radius: 2px;
                    padding: 0 3px;
                }
                .count_box {
c0087cf1   夏洋涛   feat:创建项目
122
                    display: flex;
2f23010e   夏洋涛   feat:导师删除,联系修改
123
124
125
126
127
128
129
130
131
132
133
134
                    justify-content: space-between;
                    align-items: center;
                    .count {
                        color: #999999;
                        font-size: 20px;
                    }
                    .reserve_btn {
                        font-size: 22px;
                        color: #f03c3c;
                    }
                }
                .title {
c0087cf1   夏洋涛   feat:创建项目
135
                    font-size: 28px;
2f23010e   夏洋涛   feat:导师删除,联系修改
136
137
138
139
140
141
142
143
                    font-weight: bold;
                    line-height: 40px;
                    margin: 0;
                    height: 80px;
                    color: #000;
                    white-space: initial;
                }
            }
c0087cf1   夏洋涛   feat:创建项目
144
            .teacher_box {
2f23010e   夏洋涛   feat:导师删除,联系修改
145
146
147
148
149
150
151
152
153
154
                .teacher_item {
                    padding: 14px;
                    width: 702px;
                    height: 240px;
                    background: #F9F9F9;
                    border-radius: 20px;
                    box-sizing: border-box;
                    margin-bottom: 16px;
                }
                .teacher_img_box {
c0087cf1   夏洋涛   feat:创建项目
155
                    width: 168px;
2f23010e   夏洋涛   feat:导师删除,联系修改
156
157
158
159
160
161
162
163
                    height: 212px;
                    border-radius: 12px;
                    position: relative;
                    overflow: hidden;
                    float: left;
                    margin-right: 18px;
                }
                .teacher_img {
c0087cf1   夏洋涛   feat:创建项目
164
                    height: 100%;
2f23010e   夏洋涛   feat:导师删除,联系修改
165
166
167
168
169
170
171
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%);
                    max-width: initial;
                }
                .teacher_name {
c0087cf1   夏洋涛   feat:创建项目
172
                    font-size: 30px;
2f23010e   夏洋涛   feat:导师删除,联系修改
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
                    line-height: 42px;
                }
                .teacher_info {
                    font-size: 26px;
                    line-height: 36px;
                    color: #999;
                    margin-top: 4px;
                }
                .teacher_level {
                    font-size: 24px;
                    line-height: 34px;
                    margin-top: 10px;
                }
                .teacher_location {
                    font-size: 24px;
                    line-height: 34px;
                    margin-top: 10px;
                }
            }
c0087cf1   夏洋涛   feat:创建项目
192
        }
2f23010e   夏洋涛   feat:导师删除,联系修改
193
    }
c0087cf1   夏洋涛   feat:创建项目
194
    .tag_item {
2f23010e   夏洋涛   feat:导师删除,联系修改
195
196
197
198
199
200
201
202
203
204
205
206
207
208
        padding: 22px;
        .tag_title {
            font-size: 34px;
            font-weight: bold;
            margin-bottom: 32px;
        }
        .tag_text {
            // font-size: 24px;
            // line-height: 40px;
            font-size: 28px !important;
            line-height: 44px !important;
            padding: 16px 0;
        }
    }
c0087cf1   夏洋涛   feat:创建项目
209
    .top_border {
2f23010e   夏洋涛   feat:导师删除,联系修改
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
        border-top: 16px solid #f6f7fa;
         ::v-deep.van-tab {
            .van-tab__text {
                font-size: 34px !important;
            }
        }
    }
    .Collection {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 28px 22px;
        box-sizing: border-box;
        padding-bottom: 50px;
        z-index: 500;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.34);
        .box {
            background: url(../../../assets/btn.png) 100%/100% no-repeat;
            width: 702px;
            height: 92px;
            .btn {
                display: inline-block;
                width: 50%;
                height: 100%;
            }
        }
    }
    .share_mask {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: 999;
    }
    .share_des {
        position: absolute;
        top: 50px;
        right: 100px;
c0087cf1   夏洋涛   feat:创建项目
251
        width: 516px;
2f23010e   夏洋涛   feat:导师删除,联系修改
252
253
    }
}