Blame view

pages/home/home.scss 1.59 KB
1f3f2378   起风了   我的第一次
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
  .bg {
      width: 100%;
      height: 100vh;

  	position: fixed;

  	z-index: 0;

  	image {

  		width: 100%;

  		height: 100vh;

  	}
  }

  .listBox{

  	position: relative;

  	z-index: 1;

  }
  .content {

  	width: 100%;
  }

  /* banner */

  	.banner{

  		height: 360rpx;

  		margin: 20rpx;

  		.screen-swiper{

  			height: 100%;

  			image{

  				height: 360rpx;

  				border-radius: 20rpx;

  			}

  		}

  	}

  	

  /* 菜单导航 */

  .menu-nav{

  	margin:20rpx;
  	.nav{

  		display: flex;

  		justify-content: space-between;

  		align-items: center;

  		text-align: center;

  		flex-wrap: wrap;

  		background-color: rgba(255, 255, 255, 0.6);

  		border-radius: 20rpx;

  		.list{

  			display: flex;

  			flex-direction: column;

  			justify-content: center;

  			width: 24%;

  			float:left;

  			height: 250rpx;

  			image{
1f3f2378   起风了   我的第一次
50
  				height: 80rpx;

1f3f2378   起风了   我的第一次
51
52
53
54
55
56
57
58
59
60
61
  			}
  			.text{
  				font-size: 28rpx;

  				margin-top: 35rpx;
  			}
  		}

  	

  	}
  }

  

  .xw{

fe62b839   起风了   1
62
  	background-color: rgba(255, 255, 255, 1);

1f3f2378   起风了   我的第一次
63
64
  	margin:20rpx;

  	z-index: 10000000;

fe62b839   起风了   1
65
  	padding: 10rpx;

1f3f2378   起风了   我的第一次
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
  	border-radius: 20rpx;

  	.title{

  		height: 50rpx;

  		display: flex;

  		justify-content: space-between;

  		align-items: center;

  		span{

  			color: #ababab;

  			font-size: 15rpx;

  		}

  		.box1{

  			display: flex;

  			align-items: center;

  			image{

  				height: 50rpx;

  				width: 20rpx;

  				margin-right: 20rpx;

  			}

  			span{

  				font-weight: 600;

  				font-size: 30rpx;

  				color: black;

  			}

  		}

  	}

  	.content{

fe62b839   起风了   1
92
93
  		padding: 20rpx;
  		display: flex;
1f3f2378   起风了   我的第一次
94
  		.box_item{

1f3f2378   起风了   我的第一次
95
96
  			padding: 20rpx;

  			border-radius: 20rpx;

fe62b839   起风了   1
97
98
99
100
101
102
  			height: 200rpx;
  			width: 25%;
  			text-align: center;
  			.text{
  				font-size: 20rpx;
  				font-weight: 600;
1f3f2378   起风了   我的第一次
103
104
105
106
  			}

  		}

  	}

  }