select.vue
1.2 KB
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
<template>
<view class="pageBox">
<view class="bg"></view>
<view class="title">
<img src="/static/title.png" alt="" style="width: 228rpx; height: 42rpx;">
</view>
<view class="minBox flexJ">
<view class="box">
<img src="/static/staff.png" alt="" style="width: 328rpx; height: 460rpx;">
</view>
<view class="box">
<img src="/static/newpeople.png" alt="" style="width: 328rpx; height: 460rpx;">
</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss">
page {
width: 100vw;
// height: 100vh;
background: #eef8fe;
}
body {
width: 100vw;
// height: 100vh;
background: #eef8fe;
}
.bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1000rpx;
background: linear-gradient(-0.5deg, rgba(152,255,255,0) 30%, rgba(126,181,250,1) 100%);
}
// .pageBox {
// width: 750rpx;
// height: 1456rpx;
// background: linear-gradient(-0.5deg, rgba(152, 255, 255, 0) 30%, rgba(126, 181, 250, 1) 100%);
// }
.title {
padding-top: 368rpx;
margin: 0 260rpx 104rpx;
image {
width: 228rpx;
height: 42rpx;
}
}
.minBox {
padding: 0 32rpx;
box-sizing: border-box;
.box {
image {
width: 328rpx;
height: 460rpx;
}
}
}
</style>