正在显示
40 个修改的文件
包含
2172 行增加
和
575 行删除
| @@ -19,15 +19,19 @@ | @@ -19,15 +19,19 @@ | ||
| 19 | } | 19 | } |
| 20 | .mask_box{ | 20 | .mask_box{ |
| 21 | width: 5.7rem; | 21 | width: 5.7rem; |
| 22 | - height: 7rem; | 22 | + height:max-content; |
| 23 | +/* | ||
| 23 | display: flex; | 24 | display: flex; |
| 24 | flex-flow: column; | 25 | flex-flow: column; |
| 25 | 26 | ||
| 26 | align-items: center; | 27 | align-items: center; |
| 28 | +*/ | ||
| 27 | background:rgba(255,255,255,1); | 29 | background:rgba(255,255,255,1); |
| 28 | 30 | ||
| 29 | border-radius: 0.16rem; | 31 | border-radius: 0.16rem; |
| 30 | box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08); | 32 | box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08); |
| 33 | + padding: 0 .5rem; | ||
| 34 | + padding-bottom: .32rem; | ||
| 31 | } | 35 | } |
| 32 | .mask_text{ | 36 | .mask_text{ |
| 33 | margin-top: 0.64rem; | 37 | margin-top: 0.64rem; |
| @@ -35,8 +39,10 @@ | @@ -35,8 +39,10 @@ | ||
| 35 | font-family:PingFang-SC-Bold; | 39 | font-family:PingFang-SC-Bold; |
| 36 | font-weight:bold; | 40 | font-weight:bold; |
| 37 | color:rgba(51,51,51,1); | 41 | color:rgba(51,51,51,1); |
| 42 | + text-align: center; | ||
| 38 | } | 43 | } |
| 39 | .mask_box_top{ | 44 | .mask_box_top{ |
| 45 | + margin: 0 auto; | ||
| 40 | margin-top: 0.64rem; | 46 | margin-top: 0.64rem; |
| 41 | width: 3.5rem; | 47 | width: 3.5rem; |
| 42 | display: flex; | 48 | display: flex; |
| @@ -54,10 +60,12 @@ | @@ -54,10 +60,12 @@ | ||
| 54 | margin-top: 0.1rem; | 60 | margin-top: 0.1rem; |
| 55 | } | 61 | } |
| 56 | .mask_box_mid{ | 62 | .mask_box_mid{ |
| 57 | - margin-top: 0.9rem; | 63 | + margin-top: 0.3rem; |
| 58 | display: flex; | 64 | display: flex; |
| 59 | flex-flow: column; | 65 | flex-flow: column; |
| 60 | position: relative; | 66 | position: relative; |
| 67 | + padding: 0 1.05rem; | ||
| 68 | + margin-bottom: .6rem; | ||
| 61 | } | 69 | } |
| 62 | .mask_box_text{ | 70 | .mask_box_text{ |
| 63 | display: flex; | 71 | display: flex; |
| @@ -66,7 +74,7 @@ | @@ -66,7 +74,7 @@ | ||
| 66 | font-weight:500; | 74 | font-weight:500; |
| 67 | color:rgba(51,51,51,1); | 75 | color:rgba(51,51,51,1); |
| 68 | position: absolute; | 76 | position: absolute; |
| 69 | - left: -0.9rem; | 77 | + left: .3rem; |
| 70 | top: 0.16rem; | 78 | top: 0.16rem; |
| 71 | align-items: center; | 79 | align-items: center; |
| 72 | } | 80 | } |
| @@ -76,7 +84,7 @@ | @@ -76,7 +84,7 @@ | ||
| 76 | height: 0.6rem; | 84 | height: 0.6rem; |
| 77 | outline:none; | 85 | outline:none; |
| 78 | border: none; | 86 | border: none; |
| 79 | - | 87 | + border-bottom: 1px solid #E8E8E8; |
| 80 | text-decoration: none; | 88 | text-decoration: none; |
| 81 | box-sizing: border-box; | 89 | box-sizing: border-box; |
| 82 | padding: 0.1rem; | 90 | padding: 0.1rem; |
| @@ -89,7 +97,7 @@ | @@ -89,7 +97,7 @@ | ||
| 89 | color: #A61010; | 97 | color: #A61010; |
| 90 | position: absolute; | 98 | position: absolute; |
| 91 | top: 0.8rem; | 99 | top: 0.8rem; |
| 92 | - right: 0; | 100 | + right: 1.2rem; |
| 93 | } | 101 | } |
| 94 | .mask_box_sub{ | 102 | .mask_box_sub{ |
| 95 | margin-top: 0.53rem; | 103 | margin-top: 0.53rem; |
| @@ -102,11 +110,14 @@ | @@ -102,11 +110,14 @@ | ||
| 102 | font-size: 0.26rem; | 110 | font-size: 0.26rem; |
| 103 | font-weight: bold; | 111 | font-weight: bold; |
| 104 | color: #fff; | 112 | color: #fff; |
| 113 | + margin: 0 auto; | ||
| 114 | + margin-top: .2rem; | ||
| 105 | } | 115 | } |
| 106 | .mask_box_account{ | 116 | .mask_box_account{ |
| 107 | width: 3.5rem; | 117 | width: 3.5rem; |
| 108 | display: flex; | 118 | display: flex; |
| 109 | - justify-content: space-between; | 119 | + padding: 0 1.05rem; |
| 120 | + justify-content: flex-end; | ||
| 110 | font-size: 0.14rem; | 121 | font-size: 0.14rem; |
| 111 | color: #333333; | 122 | color: #333333; |
| 112 | margin-top: 0.28rem; | 123 | margin-top: 0.28rem; |
| @@ -126,7 +137,8 @@ | @@ -126,7 +137,8 @@ | ||
| 126 | 137 | ||
| 127 | .mask_box_model{ | 138 | .mask_box_model{ |
| 128 | width: 3.5rem; | 139 | width: 3.5rem; |
| 129 | - margin-top: 0.7rem; | 140 | + margin: 0 auto; |
| 141 | + margin-top: 0.3rem; | ||
| 130 | display: flex; | 142 | display: flex; |
| 131 | justify-content: space-between; | 143 | justify-content: space-between; |
| 132 | 144 | ||
| @@ -143,6 +155,7 @@ | @@ -143,6 +155,7 @@ | ||
| 143 | border-radius: 50%; | 155 | border-radius: 50%; |
| 144 | } | 156 | } |
| 145 | .mask_box_bottom{ | 157 | .mask_box_bottom{ |
| 158 | + margin: 0 auto; | ||
| 146 | margin-top: 0.59rem; | 159 | margin-top: 0.59rem; |
| 147 | width: 3.5rem; | 160 | width: 3.5rem; |
| 148 | font-size: 0.18rem; | 161 | font-size: 0.18rem; |
| @@ -156,6 +169,7 @@ | @@ -156,6 +169,7 @@ | ||
| 156 | font-size: 0.14rem; | 169 | font-size: 0.14rem; |
| 157 | color: #333333; | 170 | color: #333333; |
| 158 | margin-top: 0.28rem; | 171 | margin-top: 0.28rem; |
| 172 | + text-align: center; | ||
| 159 | } | 173 | } |
| 160 | /*立即登录，10秒后进入登录界面*/ | 174 | /*立即登录，10秒后进入登录界面*/ |
| 161 | .now_sub{ | 175 | .now_sub{ |
| @@ -167,6 +181,7 @@ | @@ -167,6 +181,7 @@ | ||
| 167 | display: flex; | 181 | display: flex; |
| 168 | align-items: center; | 182 | align-items: center; |
| 169 | background:rgba(255,255,255,0.94); | 183 | background:rgba(255,255,255,0.94); |
| 184 | + z-index: 9; | ||
| 170 | } | 185 | } |
| 171 | .mask_big{ | 186 | .mask_big{ |
| 172 | margin-top: 2.97rem; | 187 | margin-top: 2.97rem; |
| @@ -197,7 +212,7 @@ | @@ -197,7 +212,7 @@ | ||
| 197 | .mask_box_mid_input_remind{ | 212 | .mask_box_mid_input_remind{ |
| 198 | font-size: 0.12rem; | 213 | font-size: 0.12rem; |
| 199 | position: absolute; | 214 | position: absolute; |
| 200 | - top: 0.86rem; | 215 | + top: 1.1rem; |
| 201 | color: #999999; | 216 | color: #999999; |
| 202 | } | 217 | } |
| 203 | .mask_underline{ | 218 | .mask_underline{ |
| @@ -224,8 +239,11 @@ | @@ -224,8 +239,11 @@ | ||
| 224 | .mask_find{ | 239 | .mask_find{ |
| 225 | margin-top: 3.04rem; | 240 | margin-top: 3.04rem; |
| 226 | width: 5.3rem; | 241 | width: 5.3rem; |
| 227 | - display: flex; | ||
| 228 | - flex-flow: column; | 242 | + height: 5rem; |
| 243 | +/* display: flex;*/ | ||
| 244 | +/* flex-flow: column;*/ | ||
| 245 | + margin: 0 auto; | ||
| 246 | +/* background: #fff;*/ | ||
| 229 | } | 247 | } |
| 230 | .mask_find_big{ | 248 | .mask_find_big{ |
| 231 | font-size: 0.48rem; | 249 | font-size: 0.48rem; |
| @@ -323,7 +341,7 @@ | @@ -323,7 +341,7 @@ | ||
| 323 | color: #999999; | 341 | color: #999999; |
| 324 | } | 342 | } |
| 325 | .mask_new_small{ | 343 | .mask_new_small{ |
| 326 | - width: 2.7rem; | 344 | + width: 4rem; |
| 327 | font-size: 0.24rem; | 345 | font-size: 0.24rem; |
| 328 | outline: none; | 346 | outline: none; |
| 329 | border: none; | 347 | border: none; |
| @@ -524,11 +542,18 @@ | @@ -524,11 +542,18 @@ | ||
| 524 | .mask_submit_text{ | 542 | .mask_submit_text{ |
| 525 | display: flex; | 543 | display: flex; |
| 526 | flex-flow: column; | 544 | flex-flow: column; |
| 545 | + text-align: center; | ||
| 527 | font-size: 0.3rem; | 546 | font-size: 0.3rem; |
| 528 | color: #333333; | 547 | color: #333333; |
| 529 | margin-top: 0.73rem; | 548 | margin-top: 0.73rem; |
| 549 | + line-height: 1.5; | ||
| 550 | +} | ||
| 551 | +.mask_submit_text p{ | ||
| 552 | + line-height: 1.5; | ||
| 553 | + font-weight: 600; | ||
| 530 | } | 554 | } |
| 531 | .mask_submit_bottom{ | 555 | .mask_submit_bottom{ |
| 556 | + margin: 0 auto; | ||
| 532 | margin-top: 0.43rem; | 557 | margin-top: 0.43rem; |
| 533 | width: 2.5rem; | 558 | width: 2.5rem; |
| 534 | height: 0.5rem; | 559 | height: 0.5rem; |
| 1 | - | ||
| 2 | - | ||
| 3 | .container { | 1 | .container { |
| 4 | width: 100%; | 2 | width: 100%; |
| 5 | display: flex; | 3 | display: flex; |
| @@ -8,7 +6,8 @@ | @@ -8,7 +6,8 @@ | ||
| 8 | justify-content: center; | 6 | justify-content: center; |
| 9 | 7 | ||
| 10 | } | 8 | } |
| 11 | -.top{ | 9 | + |
| 10 | +.top { | ||
| 12 | width: 7.5rem; | 11 | width: 7.5rem; |
| 13 | /*height: 1.5rem;*/ | 12 | /*height: 1.5rem;*/ |
| 14 | background-color: #F7F7F7; | 13 | background-color: #F7F7F7; |
| @@ -17,49 +16,55 @@ | @@ -17,49 +16,55 @@ | ||
| 17 | align-items: center; | 16 | align-items: center; |
| 18 | justify-content: center; | 17 | justify-content: center; |
| 19 | } | 18 | } |
| 20 | -.top_t{ | 19 | + |
| 20 | +.top_t { | ||
| 21 | width: 6.86rem; | 21 | width: 6.86rem; |
| 22 | height: 0.8rem; | 22 | height: 0.8rem; |
| 23 | display: flex; | 23 | display: flex; |
| 24 | align-items: center; | 24 | align-items: center; |
| 25 | justify-content: space-between; | 25 | justify-content: space-between; |
| 26 | } | 26 | } |
| 27 | -.top_t_left{ | 27 | + |
| 28 | +.top_t_left { | ||
| 28 | width: 1.2rem; | 29 | width: 1.2rem; |
| 29 | display: flex; | 30 | display: flex; |
| 30 | justify-content: space-between; | 31 | justify-content: space-between; |
| 31 | align-items: center; | 32 | align-items: center; |
| 32 | } | 33 | } |
| 33 | -.top_t_left_text{ | ||
| 34 | - font-size:0.3rem; | ||
| 35 | - font-family:PingFang-SC-Medium; | ||
| 36 | - font-weight:500; | ||
| 37 | - color:rgba(166,16,16,1); | ||
| 38 | -} | ||
| 39 | -.icon-caidan{ | ||
| 40 | 34 | ||
| 35 | +.top_t_left_text { | ||
| 36 | + font-size: 0.3rem; | ||
| 37 | + font-family: PingFang-SC-Medium; | ||
| 38 | + font-weight: 500; | ||
| 39 | + color: rgba(166, 16, 16, 1); | ||
| 41 | } | 40 | } |
| 41 | + | ||
| 42 | +.icon-caidan {} | ||
| 43 | + | ||
| 42 | /*中部*/ | 44 | /*中部*/ |
| 43 | -.top_t_middle{ | 45 | +.top_t_middle { |
| 44 | width: 1.2rem; | 46 | width: 1.2rem; |
| 45 | height: 0.5rem; | 47 | height: 0.5rem; |
| 46 | display: flex; | 48 | display: flex; |
| 47 | } | 49 | } |
| 48 | -.top_t_middle img{ | 50 | + |
| 51 | +.top_t_middle img { | ||
| 49 | width: 100%; | 52 | width: 100%; |
| 50 | height: 100%; | 53 | height: 100%; |
| 51 | } | 54 | } |
| 55 | + | ||
| 52 | /*右边*/ | 56 | /*右边*/ |
| 53 | -.top_t_right{ | ||
| 54 | - width: 1.2rem; | 57 | +.top_t_right { |
| 55 | display: flex; | 58 | display: flex; |
| 56 | justify-content: space-between; | 59 | justify-content: space-between; |
| 57 | align-items: center; | 60 | align-items: center; |
| 58 | } | 61 | } |
| 59 | -.icon-10{ | 62 | + |
| 63 | +.icon-10 { | ||
| 60 | position: relative; | 64 | position: relative; |
| 61 | } | 65 | } |
| 62 | -.top_t_right_pic{ | 66 | + |
| 67 | +.top_t_right_pic { | ||
| 63 | width: 0.4rem; | 68 | width: 0.4rem; |
| 64 | height: 0.4rem; | 69 | height: 0.4rem; |
| 65 | display: flex; | 70 | display: flex; |
| @@ -67,22 +72,25 @@ | @@ -67,22 +72,25 @@ | ||
| 67 | -moz-border-radius: 50%; | 72 | -moz-border-radius: 50%; |
| 68 | border-radius: 50%; | 73 | border-radius: 50%; |
| 69 | } | 74 | } |
| 70 | -.top_t_right_pic img{ | 75 | + |
| 76 | +.top_t_right_pic img { | ||
| 71 | width: 100%; | 77 | width: 100%; |
| 72 | height: 100%; | 78 | height: 100%; |
| 73 | -webkit-border-radius: 50%; | 79 | -webkit-border-radius: 50%; |
| 74 | -moz-border-radius: 50%; | 80 | -moz-border-radius: 50%; |
| 75 | border-radius: 50%; | 81 | border-radius: 50%; |
| 76 | } | 82 | } |
| 83 | + | ||
| 77 | /*-----底部------*/ | 84 | /*-----底部------*/ |
| 78 | -.top_d{ | 85 | +.top_d { |
| 79 | width: 5.56rem; | 86 | width: 5.56rem; |
| 80 | display: flex; | 87 | display: flex; |
| 81 | padding-bottom: 0.03rem; | 88 | padding-bottom: 0.03rem; |
| 82 | border-bottom: 1px solid #999999; | 89 | border-bottom: 1px solid #999999; |
| 83 | margin: 0.3rem 0 0.2rem 0; | 90 | margin: 0.3rem 0 0.2rem 0; |
| 84 | } | 91 | } |
| 85 | -.top_d_input{ | 92 | + |
| 93 | +.top_d_input { | ||
| 86 | width: 5rem; | 94 | width: 5rem; |
| 87 | text-align: center; | 95 | text-align: center; |
| 88 | border: none; | 96 | border: none; |
| @@ -92,23 +100,27 @@ | @@ -92,23 +100,27 @@ | ||
| 92 | box-sizing: border-box; | 100 | box-sizing: border-box; |
| 93 | padding: 0 0.2rem; | 101 | padding: 0 0.2rem; |
| 94 | } | 102 | } |
| 95 | -.top_d_input::placeholder{ | 103 | + |
| 104 | +.top_d_input::placeholder { | ||
| 96 | color: #999999; | 105 | color: #999999; |
| 97 | } | 106 | } |
| 107 | + | ||
| 98 | /*---------- 信息框 ----------*/ | 108 | /*---------- 信息框 ----------*/ |
| 99 | -.mid{ | 109 | +.mid { |
| 100 | margin-top: 0.53rem; | 110 | margin-top: 0.53rem; |
| 101 | width: 6.86rem; | 111 | width: 6.86rem; |
| 102 | height: 1.5rem; | 112 | height: 1.5rem; |
| 103 | - background:rgba(255,255,255,1); | ||
| 104 | - box-shadow:0 0.04rem 0.12rem 0 rgba(155,155,155,0.1); | 113 | + background: rgba(255, 255, 255, 1); |
| 114 | + box-shadow: 0 0.04rem 0.12rem 0 rgba(155, 155, 155, 0.1); | ||
| 105 | border-radius: 0.1rem; | 115 | border-radius: 0.1rem; |
| 106 | display: flex; | 116 | display: flex; |
| 107 | align-items: center; | 117 | align-items: center; |
| 108 | box-sizing: border-box; | 118 | box-sizing: border-box; |
| 109 | padding-left: 0.3rem; | 119 | padding-left: 0.3rem; |
| 120 | + flex-flow: initial; | ||
| 110 | } | 121 | } |
| 111 | -.mid_left{ | 122 | + |
| 123 | +.mid_left { | ||
| 112 | width: 0.9rem; | 124 | width: 0.9rem; |
| 113 | height: 0.9rem; | 125 | height: 0.9rem; |
| 114 | display: flex; | 126 | display: flex; |
| @@ -116,68 +128,75 @@ | @@ -116,68 +128,75 @@ | ||
| 116 | border-radius: 50%; | 128 | border-radius: 50%; |
| 117 | 129 | ||
| 118 | } | 130 | } |
| 119 | -.mid_left img{ | 131 | + |
| 132 | +.mid_left img { | ||
| 120 | width: 100%; | 133 | width: 100%; |
| 121 | height: 100%; | 134 | height: 100%; |
| 122 | border-radius: 50%; | 135 | border-radius: 50%; |
| 123 | } | 136 | } |
| 124 | -.mid_right{ | 137 | + |
| 138 | +.mid_right { | ||
| 125 | margin-left: 0.3rem; | 139 | margin-left: 0.3rem; |
| 126 | } | 140 | } |
| 127 | -.mid_right_big{ | 141 | + |
| 142 | +.mid_right_big { | ||
| 128 | 143 | ||
| 129 | font-size: 0.36rem; | 144 | font-size: 0.36rem; |
| 130 | - font-family:PingFang-SC-Bold; | ||
| 131 | - font-weight:bold; | ||
| 132 | - color:rgba(51,51,51,1); | 145 | + font-family: PingFang-SC-Bold; |
| 146 | + font-weight: bold; | ||
| 147 | + color: rgba(51, 51, 51, 1); | ||
| 133 | line-height: 0.24rem; | 148 | line-height: 0.24rem; |
| 134 | display: flex; | 149 | display: flex; |
| 135 | } | 150 | } |
| 136 | -.mid_right_small{ | 151 | + |
| 152 | +.mid_right_small { | ||
| 137 | margin-top: 0.2rem; | 153 | margin-top: 0.2rem; |
| 138 | font-size: 0.2rem; | 154 | font-size: 0.2rem; |
| 139 | - font-family:PingFang-SC-Medium; | ||
| 140 | - font-weight:500; | ||
| 141 | - color:rgba(51,51,51,1); | 155 | + font-family: PingFang-SC-Medium; |
| 156 | + font-weight: 500; | ||
| 157 | + color: rgba(51, 51, 51, 1); | ||
| 142 | line-height: 0.24rem; | 158 | line-height: 0.24rem; |
| 143 | display: flex; | 159 | display: flex; |
| 144 | } | 160 | } |
| 145 | -.item{ | 161 | + |
| 162 | +.item { | ||
| 146 | width: 6.86rem; | 163 | width: 6.86rem; |
| 147 | display: flex; | 164 | display: flex; |
| 148 | justify-content: space-around; | 165 | justify-content: space-around; |
| 149 | margin-top: 0.6rem; | 166 | margin-top: 0.6rem; |
| 150 | } | 167 | } |
| 151 | -.item_m{ | 168 | + |
| 169 | +.item_m { | ||
| 152 | 170 | ||
| 153 | font-size: 0.36rem; | 171 | font-size: 0.36rem; |
| 154 | - font-family:MicrosoftYaHei-Bold; | ||
| 155 | - font-weight:bold; | 172 | + font-family: MicrosoftYaHei-Bold; |
| 173 | + font-weight: bold; | ||
| 156 | /*color:rgba(166,16,16,1);*/ | 174 | /*color:rgba(166,16,16,1);*/ |
| 157 | line-height: 0.36rem; | 175 | line-height: 0.36rem; |
| 158 | position: relative; | 176 | position: relative; |
| 159 | } | 177 | } |
| 178 | + | ||
| 160 | /*.item_right{*/ | 179 | /*.item_right{*/ |
| 161 | 180 | ||
| 162 | - /*font-size: 0.36rem;*/ | ||
| 163 | - /*font-family:MicrosoftYaHei-Bold;*/ | ||
| 164 | - /*font-weight:bold;*/ | ||
| 165 | - /*color:rgba(51,51,51,1);*/ | ||
| 166 | - /*line-height: 0.36rem;*/ | ||
| 167 | - /*position: relative;*/ | 181 | +/*font-size: 0.36rem;*/ |
| 182 | +/*font-family:MicrosoftYaHei-Bold;*/ | ||
| 183 | +/*font-weight:bold;*/ | ||
| 184 | +/*color:rgba(51,51,51,1);*/ | ||
| 185 | +/*line-height: 0.36rem;*/ | ||
| 186 | +/*position: relative;*/ | ||
| 168 | /*}*/ | 187 | /*}*/ |
| 169 | -.item_number{ | 188 | +.item_number { |
| 170 | width: 0.2rem; | 189 | width: 0.2rem; |
| 171 | height: 0.2rem; | 190 | height: 0.2rem; |
| 172 | - background:rgba(166,16,16,1); | ||
| 173 | - border:2px solid rgba(255, 255, 255, 1); | ||
| 174 | - border-radius:50%; | 191 | + background: rgba(166, 16, 16, 1); |
| 192 | + border: 2px solid rgba(255, 255, 255, 1); | ||
| 193 | + border-radius: 50%; | ||
| 175 | 194 | ||
| 176 | 195 | ||
| 177 | font-size: 0.12rem; | 196 | font-size: 0.12rem; |
| 178 | - font-family:MicrosoftYaHei; | ||
| 179 | - font-weight:400; | ||
| 180 | - color:rgba(252,254,255,1); | 197 | + font-family: MicrosoftYaHei; |
| 198 | + font-weight: 400; | ||
| 199 | + color: rgba(252, 254, 255, 1); | ||
| 181 | line-height: 0.36rem; | 200 | line-height: 0.36rem; |
| 182 | display: flex; | 201 | display: flex; |
| 183 | align-items: center; | 202 | align-items: center; |
| @@ -187,10 +206,12 @@ | @@ -187,10 +206,12 @@ | ||
| 187 | top: -0.18rem; | 206 | top: -0.18rem; |
| 188 | left: 0.6rem; | 207 | left: 0.6rem; |
| 189 | } | 208 | } |
| 190 | -.item_color{ | 209 | + |
| 210 | +.item_color { | ||
| 191 | color: #A61010; | 211 | color: #A61010; |
| 192 | } | 212 | } |
| 193 | -.item_color:before{ | 213 | + |
| 214 | +.item_color:before { | ||
| 194 | content: ""; | 215 | content: ""; |
| 195 | width: 0.8rem; | 216 | width: 0.8rem; |
| 196 | height: 0.02rem; | 217 | height: 0.02rem; |
| @@ -199,50 +220,59 @@ | @@ -199,50 +220,59 @@ | ||
| 199 | bottom: -0.15rem; | 220 | bottom: -0.15rem; |
| 200 | /*color: #A61010;*/ | 221 | /*color: #A61010;*/ |
| 201 | } | 222 | } |
| 202 | -.message{ | 223 | + |
| 224 | +.message { | ||
| 203 | margin-top: 0.5rem; | 225 | margin-top: 0.5rem; |
| 204 | width: 6.86rem; | 226 | width: 6.86rem; |
| 205 | font-size: 0.24rem; | 227 | font-size: 0.24rem; |
| 206 | - font-family:MicrosoftYaHei; | ||
| 207 | - font-weight:400; | 228 | + font-family: MicrosoftYaHei; |
| 229 | + font-weight: 400; | ||
| 208 | 230 | ||
| 209 | line-height: 0.36rem; | 231 | line-height: 0.36rem; |
| 210 | } | 232 | } |
| 211 | -.message_box{ | 233 | + |
| 234 | +.message_box { | ||
| 212 | margin-top: 0.2rem; | 235 | margin-top: 0.2rem; |
| 213 | } | 236 | } |
| 214 | -.color_red{ | 237 | + |
| 238 | +.color_red { | ||
| 215 | color: #A61010; | 239 | color: #A61010; |
| 216 | } | 240 | } |
| 241 | + | ||
| 217 | /*审核消息*/ | 242 | /*审核消息*/ |
| 218 | -.audit{ | 243 | +.audit { |
| 219 | margin-top: 0.66rem; | 244 | margin-top: 0.66rem; |
| 220 | width: 6.86rem; | 245 | width: 6.86rem; |
| 221 | } | 246 | } |
| 222 | -.audit_big{ | 247 | + |
| 248 | +.audit_big { | ||
| 223 | margin-top: 0.28rem; | 249 | margin-top: 0.28rem; |
| 224 | font-size: 0.24rem; | 250 | font-size: 0.24rem; |
| 225 | - font-family:MicrosoftYaHei-Bold; | ||
| 226 | - font-weight:bold; | ||
| 227 | - color:rgba(51,51,51,1); | 251 | + font-family: MicrosoftYaHei-Bold; |
| 252 | + font-weight: bold; | ||
| 253 | + color: rgba(51, 51, 51, 1); | ||
| 228 | line-height: 0.36rem; | 254 | line-height: 0.36rem; |
| 229 | } | 255 | } |
| 230 | -.audit_big:first-child{ | 256 | + |
| 257 | +.audit_big:first-child { | ||
| 231 | margin-top: 0; | 258 | margin-top: 0; |
| 232 | } | 259 | } |
| 233 | -.audit_big:last-child{ | 260 | + |
| 261 | +.audit_big:last-child { | ||
| 234 | margin-bottom: 0.6rem; | 262 | margin-bottom: 0.6rem; |
| 235 | } | 263 | } |
| 236 | -.audit_small{ | 264 | + |
| 265 | +.audit_small { | ||
| 237 | 266 | ||
| 238 | font-size: 0.24rem; | 267 | font-size: 0.24rem; |
| 239 | - font-family:MicrosoftYaHei; | ||
| 240 | - font-weight:400; | ||
| 241 | - color:rgba(51,51,51,1); | 268 | + font-family: MicrosoftYaHei; |
| 269 | + font-weight: 400; | ||
| 270 | + color: rgba(51, 51, 51, 1); | ||
| 242 | line-height: 0.36rem; | 271 | line-height: 0.36rem; |
| 243 | } | 272 | } |
| 244 | 273 | ||
| 245 | /*菜单*/ | 274 | /*菜单*/ |
| 275 | +/* | ||
| 246 | .menu_item{ | 276 | .menu_item{ |
| 247 | width: 7.5rem; | 277 | width: 7.5rem; |
| 248 | display: flex; | 278 | display: flex; |
| @@ -256,7 +286,8 @@ | @@ -256,7 +286,8 @@ | ||
| 256 | top: 0.8rem; | 286 | top: 0.8rem; |
| 257 | z-index: 999; | 287 | z-index: 999; |
| 258 | } | 288 | } |
| 259 | -.menu_item_a{ | 289 | +*/ |
| 290 | +.menu_item_a { | ||
| 260 | display: flex; | 291 | display: flex; |
| 261 | align-items: center; | 292 | align-items: center; |
| 262 | justify-content: space-between; | 293 | justify-content: space-between; |
| @@ -265,12 +296,73 @@ | @@ -265,12 +296,73 @@ | ||
| 265 | border-bottom: 1px solid #EBEBEB; | 296 | border-bottom: 1px solid #EBEBEB; |
| 266 | margin: 0 0.2rem; | 297 | margin: 0 0.2rem; |
| 267 | } | 298 | } |
| 268 | -.menu_item_a_pic{ | 299 | + |
| 300 | +.menu_item_a_pic { | ||
| 269 | width: 0.08rem; | 301 | width: 0.08rem; |
| 270 | height: 0.16rem; | 302 | height: 0.16rem; |
| 271 | display: flex; | 303 | display: flex; |
| 272 | } | 304 | } |
| 273 | -.menu_item_a_pic img{ | 305 | + |
| 306 | +.menu_item_a_pic img { | ||
| 274 | width: 100%; | 307 | width: 100%; |
| 275 | height: 100%; | 308 | height: 100%; |
| 276 | } | 309 | } |
| 310 | + | ||
| 311 | +.mask { | ||
| 312 | + padding-top: 2.18rem; | ||
| 313 | +} | ||
| 314 | + | ||
| 315 | +.fit_name { | ||
| 316 | + width: 5.7rem; | ||
| 317 | + height: 4.4rem; | ||
| 318 | + margin: 0 auto; | ||
| 319 | + background: #fff; | ||
| 320 | + box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08); | ||
| 321 | + padding-bottom: .59rem | ||
| 322 | +} | ||
| 323 | + | ||
| 324 | +.fit_name_title { | ||
| 325 | + text-align: center; | ||
| 326 | + position: relative; | ||
| 327 | + font-size: .48rem; | ||
| 328 | + padding-top: .65rem; | ||
| 329 | + font-weight: bold; | ||
| 330 | +} | ||
| 331 | + | ||
| 332 | +.fit_name_title img { | ||
| 333 | + width: .3rem; | ||
| 334 | + height: .3rem; | ||
| 335 | + position: absolute; | ||
| 336 | + top: .23rem; | ||
| 337 | + right: .34rem; | ||
| 338 | +} | ||
| 339 | + | ||
| 340 | +.fit_name_main form { | ||
| 341 | + padding: 0 .85rem; | ||
| 342 | + margin-top: .75rem; | ||
| 343 | +} | ||
| 344 | + | ||
| 345 | +.fit_name_main form input { | ||
| 346 | + width: 100%; | ||
| 347 | + display: block; | ||
| 348 | + padding: .25rem 0; | ||
| 349 | + border: 0; | ||
| 350 | + border-bottom: .01rem solid #E8E8E8; | ||
| 351 | + outline: none; | ||
| 352 | +} | ||
| 353 | + | ||
| 354 | +.fit_name_main form p { | ||
| 355 | + font-size: .24rem; | ||
| 356 | + color: #999; | ||
| 357 | + margin-top: .15rem; | ||
| 358 | +} | ||
| 359 | + | ||
| 360 | +.fit_name_main form button { | ||
| 361 | + width: 100%; | ||
| 362 | + height: .5rem; | ||
| 363 | + border: 0; | ||
| 364 | + color: #fff; | ||
| 365 | + background: rgba(192, 44, 44, 1); | ||
| 366 | + border-radius: .04rem; | ||
| 367 | + outline: none; | ||
| 368 | +} |
| 1 | - | ||
| 2 | - | ||
| 3 | .container { | 1 | .container { |
| 4 | width: 100%; | 2 | width: 100%; |
| 5 | display: flex; | 3 | display: flex; |
| @@ -8,7 +6,8 @@ | @@ -8,7 +6,8 @@ | ||
| 8 | justify-content: center; | 6 | justify-content: center; |
| 9 | 7 | ||
| 10 | } | 8 | } |
| 11 | -.top{ | 9 | + |
| 10 | +.top { | ||
| 12 | width: 7.5rem; | 11 | width: 7.5rem; |
| 13 | /*height: 1.5rem;*/ | 12 | /*height: 1.5rem;*/ |
| 14 | background-color: #F7F7F7; | 13 | background-color: #F7F7F7; |
| @@ -17,49 +16,55 @@ | @@ -17,49 +16,55 @@ | ||
| 17 | align-items: center; | 16 | align-items: center; |
| 18 | justify-content: center; | 17 | justify-content: center; |
| 19 | } | 18 | } |
| 20 | -.top_t{ | 19 | + |
| 20 | +.top_t { | ||
| 21 | width: 6.86rem; | 21 | width: 6.86rem; |
| 22 | height: 0.8rem; | 22 | height: 0.8rem; |
| 23 | display: flex; | 23 | display: flex; |
| 24 | align-items: center; | 24 | align-items: center; |
| 25 | justify-content: space-between; | 25 | justify-content: space-between; |
| 26 | } | 26 | } |
| 27 | -.top_t_left{ | 27 | + |
| 28 | +.top_t_left { | ||
| 28 | width: 1.2rem; | 29 | width: 1.2rem; |
| 29 | display: flex; | 30 | display: flex; |
| 30 | justify-content: space-between; | 31 | justify-content: space-between; |
| 31 | align-items: center; | 32 | align-items: center; |
| 32 | } | 33 | } |
| 33 | -.top_t_left_text{ | ||
| 34 | - font-size:0.3rem; | ||
| 35 | - font-family:PingFang-SC-Medium; | ||
| 36 | - font-weight:500; | ||
| 37 | - color:rgba(166,16,16,1); | ||
| 38 | -} | ||
| 39 | -.icon-caidan{ | ||
| 40 | 34 | ||
| 35 | +.top_t_left_text { | ||
| 36 | + font-size: 0.3rem; | ||
| 37 | + font-family: PingFang-SC-Medium; | ||
| 38 | + font-weight: 500; | ||
| 39 | + color: rgba(166, 16, 16, 1); | ||
| 41 | } | 40 | } |
| 41 | + | ||
| 42 | +.icon-caidan {} | ||
| 43 | + | ||
| 42 | /*中部*/ | 44 | /*中部*/ |
| 43 | -.top_t_middle{ | 45 | +.top_t_middle { |
| 44 | width: 1.2rem; | 46 | width: 1.2rem; |
| 45 | height: 0.5rem; | 47 | height: 0.5rem; |
| 46 | display: flex; | 48 | display: flex; |
| 47 | } | 49 | } |
| 48 | -.top_t_middle img{ | 50 | + |
| 51 | +.top_t_middle img { | ||
| 49 | width: 100%; | 52 | width: 100%; |
| 50 | height: 100%; | 53 | height: 100%; |
| 51 | } | 54 | } |
| 55 | + | ||
| 52 | /*右边*/ | 56 | /*右边*/ |
| 53 | -.top_t_right{ | ||
| 54 | - width: 1.2rem; | 57 | +.top_t_right { |
| 55 | display: flex; | 58 | display: flex; |
| 56 | justify-content: space-between; | 59 | justify-content: space-between; |
| 57 | align-items: center; | 60 | align-items: center; |
| 58 | } | 61 | } |
| 59 | -.icon-10{ | 62 | + |
| 63 | +.icon-10 { | ||
| 60 | position: relative; | 64 | position: relative; |
| 61 | } | 65 | } |
| 62 | -.top_t_right_pic{ | 66 | + |
| 67 | +.top_t_right_pic { | ||
| 63 | width: 0.4rem; | 68 | width: 0.4rem; |
| 64 | height: 0.4rem; | 69 | height: 0.4rem; |
| 65 | display: flex; | 70 | display: flex; |
| @@ -67,22 +72,25 @@ | @@ -67,22 +72,25 @@ | ||
| 67 | -moz-border-radius: 50%; | 72 | -moz-border-radius: 50%; |
| 68 | border-radius: 50%; | 73 | border-radius: 50%; |
| 69 | } | 74 | } |
| 70 | -.top_t_right_pic img{ | 75 | + |
| 76 | +.top_t_right_pic img { | ||
| 71 | width: 100%; | 77 | width: 100%; |
| 72 | height: 100%; | 78 | height: 100%; |
| 73 | -webkit-border-radius: 50%; | 79 | -webkit-border-radius: 50%; |
| 74 | -moz-border-radius: 50%; | 80 | -moz-border-radius: 50%; |
| 75 | border-radius: 50%; | 81 | border-radius: 50%; |
| 76 | } | 82 | } |
| 83 | + | ||
| 77 | /*-----底部------*/ | 84 | /*-----底部------*/ |
| 78 | -.top_d{ | 85 | +.top_d { |
| 79 | width: 5.56rem; | 86 | width: 5.56rem; |
| 80 | display: flex; | 87 | display: flex; |
| 81 | padding-bottom: 0.03rem; | 88 | padding-bottom: 0.03rem; |
| 82 | border-bottom: 1px solid #999999; | 89 | border-bottom: 1px solid #999999; |
| 83 | margin: 0.3rem 0 0.2rem 0; | 90 | margin: 0.3rem 0 0.2rem 0; |
| 84 | } | 91 | } |
| 85 | -.top_d_input{ | 92 | + |
| 93 | +.top_d_input { | ||
| 86 | width: 5rem; | 94 | width: 5rem; |
| 87 | text-align: center; | 95 | text-align: center; |
| 88 | border: none; | 96 | border: none; |
| @@ -92,39 +100,44 @@ | @@ -92,39 +100,44 @@ | ||
| 92 | box-sizing: border-box; | 100 | box-sizing: border-box; |
| 93 | padding: 0 0.2rem; | 101 | padding: 0 0.2rem; |
| 94 | } | 102 | } |
| 95 | -.top_d_input::placeholder{ | 103 | + |
| 104 | +.top_d_input::placeholder { | ||
| 96 | color: #999999; | 105 | color: #999999; |
| 97 | } | 106 | } |
| 98 | -.mid{ | 107 | + |
| 108 | +.mid { | ||
| 99 | width: 6.86rem; | 109 | width: 6.86rem; |
| 100 | display: flex; | 110 | display: flex; |
| 101 | flex-flow: column; | 111 | flex-flow: column; |
| 102 | margin-top: 0.13rem; | 112 | margin-top: 0.13rem; |
| 103 | } | 113 | } |
| 104 | -.mid_head{ | 114 | + |
| 115 | +.mid_head { | ||
| 105 | width: 6.86rem; | 116 | width: 6.86rem; |
| 106 | height: 3rem; | 117 | height: 3rem; |
| 107 | display: flex; | 118 | display: flex; |
| 108 | border-radius: 0.08rem; | 119 | border-radius: 0.08rem; |
| 109 | } | 120 | } |
| 110 | -.mid_head img{ | 121 | + |
| 122 | +.mid_head img { | ||
| 111 | width: 100%; | 123 | width: 100%; |
| 112 | height: 100%; | 124 | height: 100%; |
| 113 | border-radius: 0.08rem; | 125 | border-radius: 0.08rem; |
| 114 | } | 126 | } |
| 115 | -.mid_title{ | 127 | + |
| 128 | +.mid_title { | ||
| 116 | margin-top: 0.6rem; | 129 | margin-top: 0.6rem; |
| 117 | width: 6.84rem; | 130 | width: 6.84rem; |
| 118 | height: 2.83rem; | 131 | height: 2.83rem; |
| 119 | - background:rgba(255,222,37,0); | ||
| 120 | - border:1px solid rgba(232, 232, 232, 1); | 132 | + background: rgba(255, 222, 37, 0); |
| 133 | + border: 1px solid rgba(232, 232, 232, 1); | ||
| 121 | border-radius: 0.1rem; | 134 | border-radius: 0.1rem; |
| 122 | 135 | ||
| 123 | 136 | ||
| 124 | font-size: 0.24rem; | 137 | font-size: 0.24rem; |
| 125 | - font-family:PingFang-SC-Medium; | ||
| 126 | - font-weight:500; | ||
| 127 | - color:rgba(51,51,51,1); | 138 | + font-family: PingFang-SC-Medium; |
| 139 | + font-weight: 500; | ||
| 140 | + color: rgba(51, 51, 51, 1); | ||
| 128 | line-height: 0.36rem; | 141 | line-height: 0.36rem; |
| 129 | -webkit-box-sizing: border-box; | 142 | -webkit-box-sizing: border-box; |
| 130 | -moz-box-sizing: border-box; | 143 | -moz-box-sizing: border-box; |
| @@ -132,87 +145,102 @@ | @@ -132,87 +145,102 @@ | ||
| 132 | padding: 0.25rem 0.35rem 0.19rem 0.35rem; | 145 | padding: 0.25rem 0.35rem 0.19rem 0.35rem; |
| 133 | overflow-y: scroll; | 146 | overflow-y: scroll; |
| 134 | } | 147 | } |
| 148 | + | ||
| 135 | /*文本框下的介绍内容*/ | 149 | /*文本框下的介绍内容*/ |
| 136 | -.mid_small{ | 150 | +.mid_small { |
| 137 | display: flex; | 151 | display: flex; |
| 138 | justify-content: center; | 152 | justify-content: center; |
| 139 | margin-top: 0.25rem; | 153 | margin-top: 0.25rem; |
| 140 | } | 154 | } |
| 141 | -.mid_small_left{ | 155 | + |
| 156 | +.mid_small_left { | ||
| 142 | width: 0.6rem; | 157 | width: 0.6rem; |
| 143 | font-size: 0.18rem; | 158 | font-size: 0.18rem; |
| 144 | - font-family:PingFang-SC-Medium; | ||
| 145 | - font-weight:500; | ||
| 146 | - color:rgba(153,153,153,1); | 159 | + font-family: PingFang-SC-Medium; |
| 160 | + font-weight: 500; | ||
| 161 | + color: rgba(153, 153, 153, 1); | ||
| 147 | line-height: 0.3rem; | 162 | line-height: 0.3rem; |
| 148 | 163 | ||
| 149 | } | 164 | } |
| 150 | -.mid_small_right{ | 165 | + |
| 166 | +.mid_small_right { | ||
| 151 | 167 | ||
| 152 | font-size: 0.18rem; | 168 | font-size: 0.18rem; |
| 153 | - font-family:PingFang-SC-Medium; | ||
| 154 | - font-weight:500; | ||
| 155 | - color:rgba(153,153,153,1); | 169 | + font-family: PingFang-SC-Medium; |
| 170 | + font-weight: 500; | ||
| 171 | + color: rgba(153, 153, 153, 1); | ||
| 156 | line-height: 0.3rem; | 172 | line-height: 0.3rem; |
| 157 | margin-left: 0.21rem; | 173 | margin-left: 0.21rem; |
| 158 | } | 174 | } |
| 159 | -.mid_type{ | 175 | + |
| 176 | +.mid_type { | ||
| 160 | display: flex; | 177 | display: flex; |
| 161 | margin-top: 0.42rem; | 178 | margin-top: 0.42rem; |
| 162 | flex-flow: column; | 179 | flex-flow: column; |
| 163 | } | 180 | } |
| 164 | -.mid_type_title{ | 181 | + |
| 182 | +.mid_type_title { | ||
| 165 | width: 1rem; | 183 | width: 1rem; |
| 166 | display: flex; | 184 | display: flex; |
| 167 | align-items: center; | 185 | align-items: center; |
| 168 | justify-content: space-between; | 186 | justify-content: space-between; |
| 169 | font-size: 0.36rem; | 187 | font-size: 0.36rem; |
| 170 | - font-family:PingFang-SC-Bold; | ||
| 171 | - font-weight:bold; | ||
| 172 | - color:rgba(51,51,51,1); | 188 | + font-family: PingFang-SC-Bold; |
| 189 | + font-weight: bold; | ||
| 190 | + color: rgba(51, 51, 51, 1); | ||
| 173 | line-height: 0.3rem; | 191 | line-height: 0.3rem; |
| 174 | } | 192 | } |
| 175 | -.mid_type_title_dot{ | 193 | + |
| 194 | +.mid_type_title_dot { | ||
| 176 | width: 0.14rem; | 195 | width: 0.14rem; |
| 177 | height: 0.14rem; | 196 | height: 0.14rem; |
| 178 | - background:rgba(166,16,16,1); | ||
| 179 | - border-radius:50%; | 197 | + background: rgba(166, 16, 16, 1); |
| 198 | + border-radius: 50%; | ||
| 180 | } | 199 | } |
| 181 | -.mid_type_items{ | 200 | + |
| 201 | +.mid_type_items { | ||
| 182 | width: 6rem; | 202 | width: 6rem; |
| 183 | display: flex; | 203 | display: flex; |
| 184 | flex-wrap: wrap; | 204 | flex-wrap: wrap; |
| 185 | margin-left: 0.4rem; | 205 | margin-left: 0.4rem; |
| 186 | justify-content: space-between; | 206 | justify-content: space-between; |
| 187 | } | 207 | } |
| 188 | -.mid_type_items_item{ | 208 | + |
| 209 | +.mid_type_items_item { | ||
| 189 | width: 1.5rem; | 210 | width: 1.5rem; |
| 190 | height: 0.5rem; | 211 | height: 0.5rem; |
| 191 | - background:rgba(166,16,16,0); | ||
| 192 | - border:1px solid rgba(232, 232, 232, 1); | ||
| 193 | - border-radius: 0.04rem; | 212 | + background: rgba(166, 16, 16, 0); |
| 213 | + border: 1px solid rgba(232, 232, 232, 1); | ||
| 214 | + border-radius: 0.1rem; | ||
| 194 | 215 | ||
| 195 | line-height: 0.5rem; | 216 | line-height: 0.5rem; |
| 196 | text-align: center; | 217 | text-align: center; |
| 197 | font-size: 0.24rem; | 218 | font-size: 0.24rem; |
| 198 | - font-family:MicrosoftYaHei; | ||
| 199 | - font-weight:400; | ||
| 200 | - color:rgba(51,51,51,1); | 219 | + font-family: MicrosoftYaHei; |
| 220 | + font-weight: 400; | ||
| 221 | + color: rgba(51, 51, 51, 1); | ||
| 201 | 222 | ||
| 202 | margin-top: 0.2rem; | 223 | margin-top: 0.2rem; |
| 203 | 224 | ||
| 204 | } | 225 | } |
| 205 | -.mid_type_items_title{ | 226 | + |
| 227 | +.mid_type_items_item_active { | ||
| 228 | + background: #A61010; | ||
| 229 | + color: #fff; | ||
| 230 | +} | ||
| 231 | + | ||
| 232 | +.mid_type_items_title { | ||
| 206 | width: 6.1rem; | 233 | width: 6.1rem; |
| 207 | height: 0.5rem; | 234 | height: 0.5rem; |
| 208 | display: flex; | 235 | display: flex; |
| 209 | 236 | ||
| 210 | margin-top: 0.27rem; | 237 | margin-top: 0.27rem; |
| 211 | - background:rgba(232,232,232,0); | ||
| 212 | - border:1px solid rgba(232, 232, 232, 1); | ||
| 213 | - border-radius:0.04rem; | 238 | + background: rgba(232, 232, 232, 0); |
| 239 | + border: 1px solid rgba(232, 232, 232, 1); | ||
| 240 | + border-radius: 0.04rem; | ||
| 214 | } | 241 | } |
| 215 | -.mid_type_items_title input{ | 242 | + |
| 243 | +.mid_type_items_title input { | ||
| 216 | font-size: 0.24rem; | 244 | font-size: 0.24rem; |
| 217 | width: 100%; | 245 | width: 100%; |
| 218 | outline: none; | 246 | outline: none; |
| @@ -221,58 +249,69 @@ | @@ -221,58 +249,69 @@ | ||
| 221 | padding: 0 0.14rem; | 249 | padding: 0 0.14rem; |
| 222 | } | 250 | } |
| 223 | 251 | ||
| 224 | -.mid_type_items_area{ | 252 | +.mid_type_items_area { |
| 225 | margin-top: 0.2rem; | 253 | margin-top: 0.2rem; |
| 226 | width: 6.1rem; | 254 | width: 6.1rem; |
| 227 | height: 2.41rem; | 255 | height: 2.41rem; |
| 228 | - background:rgba(232,232,232,0); | ||
| 229 | - border:1px solid rgba(232, 232, 232, 1); | 256 | + background: rgba(232, 232, 232, 0); |
| 257 | + border: 1px solid rgba(232, 232, 232, 1); | ||
| 230 | border-radius: 0.04rem; | 258 | border-radius: 0.04rem; |
| 231 | 259 | ||
| 232 | } | 260 | } |
| 233 | -.mid_type_items_area textarea{ | 261 | + |
| 262 | +.mid_type_items_area textarea { | ||
| 234 | width: 100%; | 263 | width: 100%; |
| 235 | height: 100%; | 264 | height: 100%; |
| 236 | border: none; | 265 | border: none; |
| 237 | outline: none; | 266 | outline: none; |
| 267 | + resize: none; | ||
| 238 | box-sizing: border-box; | 268 | box-sizing: border-box; |
| 239 | padding: 0.15rem 0.15rem; | 269 | padding: 0.15rem 0.15rem; |
| 240 | } | 270 | } |
| 241 | -.mid_type_items_area textarea::placeholder{ | 271 | + |
| 272 | +.mid_type_items_area textarea::placeholder { | ||
| 242 | 273 | ||
| 243 | font-size: 0.24rem; | 274 | font-size: 0.24rem; |
| 244 | - font-family:PingFang-SC-Medium; | ||
| 245 | - font-weight:500; | ||
| 246 | - color:rgba(153,153,153,1); | 275 | + font-family: PingFang-SC-Medium; |
| 276 | + font-weight: 500; | ||
| 277 | + color: rgba(153, 153, 153, 1); | ||
| 247 | line-height: 0.3rem; | 278 | line-height: 0.3rem; |
| 248 | } | 279 | } |
| 280 | + | ||
| 249 | /*图片*/ | 281 | /*图片*/ |
| 250 | -.mid_type_intro{ | 282 | +.mid_type_intro { |
| 251 | margin-left: 0.3rem; | 283 | margin-left: 0.3rem; |
| 252 | font-size: 0.18rem; | 284 | font-size: 0.18rem; |
| 253 | - font-family:PingFang-SC-Medium; | ||
| 254 | - font-weight:500; | ||
| 255 | - color:rgba(153,153,153,1); | 285 | + font-family: PingFang-SC-Medium; |
| 286 | + font-weight: 500; | ||
| 287 | + color: rgba(153, 153, 153, 1); | ||
| 256 | line-height: 0.4rem; | 288 | line-height: 0.4rem; |
| 257 | } | 289 | } |
| 258 | -.mid_pic_items{ | 290 | + |
| 291 | +.mid_pic_items { | ||
| 292 | + width: 6.13rem; | ||
| 293 | + margin: 0 auto; | ||
| 259 | display: flex; | 294 | display: flex; |
| 295 | + justify-content: space-between; | ||
| 260 | flex-wrap: wrap; | 296 | flex-wrap: wrap; |
| 261 | margin-bottom: 0.3rem; | 297 | margin-bottom: 0.3rem; |
| 262 | } | 298 | } |
| 263 | -.mid_pic_item{ | 299 | + |
| 300 | +.mid_pic_item { | ||
| 264 | display: flex; | 301 | display: flex; |
| 265 | width: 2.93rem; | 302 | width: 2.93rem; |
| 266 | height: 1.7rem; | 303 | height: 1.7rem; |
| 267 | - margin-left: 0.3rem; | 304 | + /* margin-left: 0.3rem;*/ |
| 268 | margin-top: 0.3rem; | 305 | margin-top: 0.3rem; |
| 269 | position: relative; | 306 | position: relative; |
| 270 | } | 307 | } |
| 271 | -.mid_pic_item img{ | 308 | + |
| 309 | +.mid_pic_item img { | ||
| 272 | width: 100%; | 310 | width: 100%; |
| 273 | height: 100%; | 311 | height: 100%; |
| 274 | } | 312 | } |
| 275 | -.close_button{ | 313 | + |
| 314 | +.close_button { | ||
| 276 | width: 0.3rem; | 315 | width: 0.3rem; |
| 277 | height: 0.3rem; | 316 | height: 0.3rem; |
| 278 | background-color: #EB3941; | 317 | background-color: #EB3941; |
| @@ -284,34 +323,38 @@ | @@ -284,34 +323,38 @@ | ||
| 284 | align-items: center; | 323 | align-items: center; |
| 285 | justify-content: center; | 324 | justify-content: center; |
| 286 | } | 325 | } |
| 287 | -.mid_pic_set{ | 326 | + |
| 327 | +.mid_pic_set { | ||
| 288 | width: 2.93rem; | 328 | width: 2.93rem; |
| 289 | height: 1.7rem; | 329 | height: 1.7rem; |
| 290 | - background:rgba(232,232,232,0); | ||
| 291 | - border:2px dashed rgba(232,232,232,1); | ||
| 292 | - margin-left: 0.3rem; | 330 | + background: rgba(232, 232, 232, 0); |
| 331 | + border: 2px dashed rgba(232, 232, 232, 1); | ||
| 332 | + /* margin-left: 0.3rem;*/ | ||
| 293 | margin-top: 0.3rem; | 333 | margin-top: 0.3rem; |
| 294 | display: flex; | 334 | display: flex; |
| 295 | align-items: center; | 335 | align-items: center; |
| 296 | justify-content: center; | 336 | justify-content: center; |
| 297 | } | 337 | } |
| 298 | -.contact_way{ | 338 | + |
| 339 | +.contact_way { | ||
| 299 | width: 1.7rem; | 340 | width: 1.7rem; |
| 300 | } | 341 | } |
| 301 | -.mid_type_items_title input::placeholder{ | 342 | + |
| 343 | +.mid_type_items_title input::placeholder { | ||
| 302 | 344 | ||
| 303 | font-size: 0.24rem; | 345 | font-size: 0.24rem; |
| 304 | - font-family:PingFang-SC-Medium; | ||
| 305 | - font-weight:500; | 346 | + font-family: PingFang-SC-Medium; |
| 347 | + font-weight: 500; | ||
| 306 | color: #999999; | 348 | color: #999999; |
| 307 | line-height: 0.24rem; | 349 | line-height: 0.24rem; |
| 308 | } | 350 | } |
| 309 | -.mid_type_items_sub{ | 351 | + |
| 352 | +.mid_type_items_sub { | ||
| 310 | margin: 0.65rem 0; | 353 | margin: 0.65rem 0; |
| 311 | width: 3.5rem; | 354 | width: 3.5rem; |
| 312 | height: 0.5rem; | 355 | height: 0.5rem; |
| 313 | line-height: 0.5rem; | 356 | line-height: 0.5rem; |
| 314 | - background:rgba(192,44,44,1); | 357 | + background: rgba(192, 44, 44, 1); |
| 315 | border-radius: 0.04rem; | 358 | border-radius: 0.04rem; |
| 316 | 359 | ||
| 317 | font-size: 0.26rem; | 360 | font-size: 0.26rem; |
| @@ -320,28 +363,18 @@ | @@ -320,28 +363,18 @@ | ||
| 320 | color: #ffffff; | 363 | color: #ffffff; |
| 321 | 364 | ||
| 322 | } | 365 | } |
| 323 | -.contact_mid{ | 366 | + |
| 367 | +.contact_mid { | ||
| 324 | 368 | ||
| 325 | display: flex; | 369 | display: flex; |
| 326 | - align-items: center; | 370 | + align-items: c·enter; |
| 327 | justify-content: center; | 371 | justify-content: center; |
| 328 | } | 372 | } |
| 329 | 373 | ||
| 330 | /*菜单*/ | 374 | /*菜单*/ |
| 331 | -.menu_item{ | ||
| 332 | - width: 7.5rem; | ||
| 333 | - display: flex; | ||
| 334 | - flex-flow: column; | ||
| 335 | - font-size: 0.24rem; | ||
| 336 | - font-weight: bold; | ||
| 337 | - background-color: #F7F7F7; | ||
| 338 | - position: absolute; | ||
| 339 | - left: 0; | ||
| 340 | - bottom: 0; | ||
| 341 | - top: 0.8rem; | ||
| 342 | - z-index: 999; | ||
| 343 | -} | ||
| 344 | -.menu_item_a{ | 375 | + |
| 376 | + | ||
| 377 | +.menu_item_a { | ||
| 345 | display: flex; | 378 | display: flex; |
| 346 | align-items: center; | 379 | align-items: center; |
| 347 | justify-content: space-between; | 380 | justify-content: space-between; |
| @@ -350,14 +383,14 @@ | @@ -350,14 +383,14 @@ | ||
| 350 | border-bottom: 1px solid #EBEBEB; | 383 | border-bottom: 1px solid #EBEBEB; |
| 351 | margin: 0 0.2rem; | 384 | margin: 0 0.2rem; |
| 352 | } | 385 | } |
| 353 | -.menu_item_a_pic{ | 386 | + |
| 387 | +.menu_item_a_pic { | ||
| 354 | width: 0.08rem; | 388 | width: 0.08rem; |
| 355 | height: 0.16rem; | 389 | height: 0.16rem; |
| 356 | display: flex; | 390 | display: flex; |
| 357 | } | 391 | } |
| 358 | -.menu_item_a_pic img{ | 392 | + |
| 393 | +.menu_item_a_pic img { | ||
| 359 | width: 100%; | 394 | width: 100%; |
| 360 | height: 100%; | 395 | height: 100%; |
| 361 | } | 396 | } |
| 362 | - | ||
| 363 | - |
| @@ -51,7 +51,6 @@ | @@ -51,7 +51,6 @@ | ||
| 51 | } | 51 | } |
| 52 | /*右边*/ | 52 | /*右边*/ |
| 53 | .top_t_right{ | 53 | .top_t_right{ |
| 54 | - width: 1.2rem; | ||
| 55 | display: flex; | 54 | display: flex; |
| 56 | justify-content: space-between; | 55 | justify-content: space-between; |
| 57 | align-items: center; | 56 | align-items: center; |
| @@ -243,8 +242,10 @@ | @@ -243,8 +242,10 @@ | ||
| 243 | } | 242 | } |
| 244 | .item_pic{ | 243 | .item_pic{ |
| 245 | width: 6.86rem; | 244 | width: 6.86rem; |
| 245 | + flex-wrap: wrap; | ||
| 246 | display: flex; | 246 | display: flex; |
| 247 | justify-content: space-between; | 247 | justify-content: space-between; |
| 248 | + margin-top: .3rem; | ||
| 248 | } | 249 | } |
| 249 | .pic_box{ | 250 | .pic_box{ |
| 250 | width: 3.2rem; | 251 | width: 3.2rem; |
| @@ -256,6 +257,7 @@ | @@ -256,6 +257,7 @@ | ||
| 256 | flex-flow: column; | 257 | flex-flow: column; |
| 257 | align-items: center; | 258 | align-items: center; |
| 258 | justify-content: center; | 259 | justify-content: center; |
| 260 | + margin-bottom: .3rem; | ||
| 259 | } | 261 | } |
| 260 | .pic_box_top{ | 262 | .pic_box_top{ |
| 261 | width: 3.2rem; | 263 | width: 3.2rem; |
| @@ -365,14 +367,14 @@ | @@ -365,14 +367,14 @@ | ||
| 365 | .mask{ | 367 | .mask{ |
| 366 | width: 7.5rem; | 368 | width: 7.5rem; |
| 367 | height: 100%; | 369 | height: 100%; |
| 368 | - background-color: #ffffff; | ||
| 369 | - opacity: 0.9; | 370 | + background-color: rgba(255,255,255,0.9); |
| 370 | position: fixed; | 371 | position: fixed; |
| 371 | top: 1.69rem; | 372 | top: 1.69rem; |
| 372 | /*top: 0;*/ | 373 | /*top: 0;*/ |
| 373 | - z-index: 999; | 374 | + z-index: 9; |
| 374 | display: flex; | 375 | display: flex; |
| 375 | - align-items: center; | 376 | +/* align-items: center;*/ |
| 377 | + padding-top: .54rem; | ||
| 376 | overflow-y: hidden; | 378 | overflow-y: hidden; |
| 377 | } | 379 | } |
| 378 | .pop{ | 380 | .pop{ |
| @@ -491,3 +493,7 @@ | @@ -491,3 +493,7 @@ | ||
| 491 | justify-content: space-between; | 493 | justify-content: space-between; |
| 492 | } | 494 | } |
| 493 | 495 | ||
| 496 | +input::-webkit-search-cancel-button { | ||
| 497 | +/* display: none;*/ | ||
| 498 | + color: #000; | ||
| 499 | +} |
| 1 | 1 | ||
| 2 | - | ||
| 3 | -.container { | ||
| 4 | - width: 100%; | ||
| 5 | - display: flex; | ||
| 6 | - flex-flow: column; | ||
| 7 | - align-items: center; | ||
| 8 | - justify-content: center; | ||
| 9 | - | ||
| 10 | -} | ||
| 11 | -.top{ | ||
| 12 | - width: 7.5rem; | ||
| 13 | - /*height: 1.5rem;*/ | ||
| 14 | - background-color: #F7F7F7; | ||
| 15 | - display: flex; | ||
| 16 | - flex-flow: column; | ||
| 17 | - align-items: center; | ||
| 18 | - justify-content: center; | ||
| 19 | -} | ||
| 20 | -.top_t{ | ||
| 21 | - width: 6.86rem; | ||
| 22 | - height: 0.8rem; | ||
| 23 | - display: flex; | ||
| 24 | - align-items: center; | ||
| 25 | - justify-content: space-between; | ||
| 26 | -} | ||
| 27 | -.top_t_left{ | ||
| 28 | - width: 1.2rem; | ||
| 29 | - display: flex; | ||
| 30 | - justify-content: space-between; | ||
| 31 | - align-items: center; | ||
| 32 | -} | ||
| 33 | -.top_t_left_text{ | ||
| 34 | - font-size:0.3rem; | ||
| 35 | - font-family:PingFang-SC-Medium; | ||
| 36 | - font-weight:500; | ||
| 37 | - color:rgba(166,16,16,1); | ||
| 38 | -} | ||
| 39 | -.icon-caidan{ | ||
| 40 | - | ||
| 41 | -} | ||
| 42 | -/*中部*/ | ||
| 43 | -.top_t_middle{ | ||
| 44 | - width: 1.2rem; | ||
| 45 | - height: 0.5rem; | ||
| 46 | - display: flex; | ||
| 47 | -} | ||
| 48 | -.top_t_middle img{ | ||
| 49 | - width: 100%; | ||
| 50 | - height: 100%; | ||
| 51 | -} | ||
| 52 | -/*右边*/ | ||
| 53 | -.top_t_right{ | ||
| 54 | - width: 1.2rem; | ||
| 55 | - display: flex; | ||
| 56 | - justify-content: space-between; | ||
| 57 | - align-items: center; | ||
| 58 | -} | ||
| 59 | -.icon-10{ | ||
| 60 | - position: relative; | ||
| 61 | -} | ||
| 62 | -.top_t_right_pic{ | ||
| 63 | - width: 0.4rem; | ||
| 64 | - height: 0.4rem; | ||
| 65 | - display: flex; | ||
| 66 | - -webkit-border-radius: 50%; | ||
| 67 | - -moz-border-radius: 50%; | ||
| 68 | - border-radius: 50%; | ||
| 69 | -} | ||
| 70 | -.top_t_right_pic img{ | ||
| 71 | - width: 100%; | ||
| 72 | - height: 100%; | ||
| 73 | - -webkit-border-radius: 50%; | ||
| 74 | - -moz-border-radius: 50%; | ||
| 75 | - border-radius: 50%; | ||
| 76 | -} | ||
| 77 | -/*-----底部------*/ | ||
| 78 | -.top_d{ | ||
| 79 | - width: 5.56rem; | ||
| 80 | - display: flex; | ||
| 81 | - padding-bottom: 0.03rem; | ||
| 82 | - border-bottom: 1px solid #999999; | ||
| 83 | - margin: 0.3rem 0 0.2rem 0; | ||
| 84 | -} | ||
| 85 | -.top_d_input{ | ||
| 86 | - width: 5rem; | ||
| 87 | - text-align: center; | ||
| 88 | - border: none; | ||
| 89 | - outline: none; | ||
| 90 | - background-color: #F7F7F7; | ||
| 91 | - font-size: 0.3rem; | ||
| 92 | - box-sizing: border-box; | ||
| 93 | - padding: 0 0.2rem; | ||
| 94 | -} | ||
| 95 | -.top_d_input::placeholder{ | ||
| 96 | - color: #999999; | ||
| 97 | -} | ||
| 98 | - | ||
| 99 | -.mid{ | ||
| 100 | - margin-top: 0.6rem; | ||
| 101 | - display: flex; | ||
| 102 | - width: 6.2rem; | ||
| 103 | - flex-flow: column; | ||
| 104 | -} | ||
| 105 | .mid_title{ | 2 | .mid_title{ |
| 106 | 3 | ||
| 107 | font-size: 0.48rem; | 4 | font-size: 0.48rem; |
css/public.css
0 → 100644
| 1 | +* { | ||
| 2 | + margin: 0; | ||
| 3 | + padding: 0; | ||
| 4 | +} | ||
| 5 | + | ||
| 6 | +a { | ||
| 7 | + text-decoration: none; | ||
| 8 | + color: #333; | ||
| 9 | +} | ||
| 10 | + | ||
| 11 | +body { | ||
| 12 | + padding-top: 1.8rem; | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +.container { | ||
| 16 | + width: 100%; | ||
| 17 | + display: flex; | ||
| 18 | + flex-flow: column; | ||
| 19 | + align-items: center; | ||
| 20 | + justify-content: center; | ||
| 21 | + | ||
| 22 | +} | ||
| 23 | + | ||
| 24 | +.top { | ||
| 25 | + width: 7.5rem; | ||
| 26 | + /*height: 1.5rem;*/ | ||
| 27 | + background-color: #F7F7F7; | ||
| 28 | + display: flex; | ||
| 29 | + flex-flow: column; | ||
| 30 | + align-items: center; | ||
| 31 | + justify-content: center; | ||
| 32 | + position: fixed; | ||
| 33 | + top: 0; | ||
| 34 | + z-index: 99; | ||
| 35 | +} | ||
| 36 | + | ||
| 37 | +.top_t_right_text { | ||
| 38 | + font-size: 0.2rem; | ||
| 39 | + font-weight: 500; | ||
| 40 | + color: #333333; | ||
| 41 | + display: -webkit-flex; | ||
| 42 | + display: -moz-flex; | ||
| 43 | + display: -ms-flex; | ||
| 44 | + display: -o-flex; | ||
| 45 | + display: flex; | ||
| 46 | + justify-content: flex-start; | ||
| 47 | + align-items: center; | ||
| 48 | +} | ||
| 49 | + | ||
| 50 | +.top_t { | ||
| 51 | + width: 6.86rem; | ||
| 52 | + height: 0.8rem; | ||
| 53 | + display: flex; | ||
| 54 | + align-items: center; | ||
| 55 | + justify-content: space-between; | ||
| 56 | +} | ||
| 57 | + | ||
| 58 | +.top_t_left { | ||
| 59 | + width: 1.2rem; | ||
| 60 | +/* width:max-content;*/ | ||
| 61 | + display: flex; | ||
| 62 | + justify-content: space-between; | ||
| 63 | + align-items: center; | ||
| 64 | +} | ||
| 65 | + | ||
| 66 | +.top_t_left_text { | ||
| 67 | + font-size: 0.3rem; | ||
| 68 | + font-family: PingFang-SC-Medium; | ||
| 69 | + font-weight: 500; | ||
| 70 | + color: rgba(166, 16, 16, 1); | ||
| 71 | +} | ||
| 72 | + | ||
| 73 | +.icon-caidan {} | ||
| 74 | + | ||
| 75 | +/*中部*/ | ||
| 76 | +.top_t_middle { | ||
| 77 | + width: 1.2rem; | ||
| 78 | + height: 0.5rem; | ||
| 79 | + display: flex; | ||
| 80 | +} | ||
| 81 | + | ||
| 82 | +.top_t_middle img { | ||
| 83 | + width: 100%; | ||
| 84 | + height: 100%; | ||
| 85 | +} | ||
| 86 | + | ||
| 87 | +/*右边*/ | ||
| 88 | +.top_t_right { | ||
| 89 | + display: flex; | ||
| 90 | + justify-content: space-between; | ||
| 91 | + align-items: center; | ||
| 92 | +} | ||
| 93 | + | ||
| 94 | +.icon-10 { | ||
| 95 | + position: relative; | ||
| 96 | + margin-right: .1rem; | ||
| 97 | +} | ||
| 98 | + | ||
| 99 | +.top_t_right_pic { | ||
| 100 | + width: 0.4rem; | ||
| 101 | + height: 0.4rem; | ||
| 102 | + display: flex; | ||
| 103 | + -webkit-border-radius: 50%; | ||
| 104 | + -moz-border-radius: 50%; | ||
| 105 | + border-radius: 50%; | ||
| 106 | + margin-left: .5rem; | ||
| 107 | + position: relative; | ||
| 108 | +} | ||
| 109 | +.head_right_nav{ | ||
| 110 | + width: 2.14rem; | ||
| 111 | + position: absolute; | ||
| 112 | + top: 160%; | ||
| 113 | + right: 0; | ||
| 114 | + background:rgba(255,255,255,1); | ||
| 115 | +box-shadow:0px 1px 6px 0px rgba(102,102,102,0.14); | ||
| 116 | +border-radius:10px; | ||
| 117 | + display: none; | ||
| 118 | + | ||
| 119 | +} | ||
| 120 | +.head_right_item a{ | ||
| 121 | + display: block; | ||
| 122 | + height: .8rem; | ||
| 123 | + font-size: .26rem; | ||
| 124 | + padding-left: .27rem; | ||
| 125 | + line-height: .8rem; | ||
| 126 | +} | ||
| 127 | +.top_t_right_pic img { | ||
| 128 | + width: 100%; | ||
| 129 | + height: 100%; | ||
| 130 | + -webkit-border-radius: 50%; | ||
| 131 | + -moz-border-radius: 50%; | ||
| 132 | + border-radius: 50%; | ||
| 133 | +} | ||
| 134 | + | ||
| 135 | +/*-----底部------*/ | ||
| 136 | +.top_d { | ||
| 137 | + width: 5.56rem; | ||
| 138 | + display: flex; | ||
| 139 | + padding-bottom: 0.03rem; | ||
| 140 | + border-bottom: 1px solid #999999; | ||
| 141 | + margin: 0.3rem 0 0.2rem 0; | ||
| 142 | +} | ||
| 143 | + | ||
| 144 | +.top_d_input { | ||
| 145 | + width: 5rem; | ||
| 146 | + text-align: center; | ||
| 147 | + border: none; | ||
| 148 | + outline: none; | ||
| 149 | + background-color: #F7F7F7; | ||
| 150 | + font-size: 0.3rem; | ||
| 151 | + box-sizing: border-box; | ||
| 152 | + padding: 0 0.2rem; | ||
| 153 | +} | ||
| 154 | + | ||
| 155 | +.top_d_input::placeholder { | ||
| 156 | + color: #999999; | ||
| 157 | +} | ||
| 158 | + | ||
| 159 | +.mid { | ||
| 160 | + margin-top: 0.6rem; | ||
| 161 | + display: flex; | ||
| 162 | + width: 6.2rem; | ||
| 163 | + flex-flow: column; | ||
| 164 | +} | ||
| 165 | +.swiper-pagination-bullet{ | ||
| 166 | + background:rgba(255,255,255,0.61) !important; | ||
| 167 | +} | ||
| 168 | +.swiper-pagination-bullet-active{ | ||
| 169 | + background: #A61010 !important; | ||
| 170 | +} | ||
| 171 | +/*菜单*/ | ||
| 172 | +.menu_item { | ||
| 173 | + width: 7.5rem; | ||
| 174 | + display: flex; | ||
| 175 | + flex-flow: column; | ||
| 176 | + font-size: 0.24rem; | ||
| 177 | + font-weight: bold; | ||
| 178 | + background-color: #F7F7F7; | ||
| 179 | + position: fixed; | ||
| 180 | + left: 0; | ||
| 181 | + bottom: 0; | ||
| 182 | + top: 0.8rem; | ||
| 183 | + z-index: 1999; | ||
| 184 | +} | ||
| 185 | + | ||
| 186 | +.menu_item_a { | ||
| 187 | + display: flex; | ||
| 188 | + align-items: center; | ||
| 189 | + justify-content: space-between; | ||
| 190 | + position: relative; | ||
| 191 | + padding: 0.38rem 0; | ||
| 192 | + border-bottom: 1px solid #EBEBEB; | ||
| 193 | + margin: 0 0.2rem; | ||
| 194 | +} | ||
| 195 | + | ||
| 196 | +.menu_item_a_pic { | ||
| 197 | + width: 0.08rem; | ||
| 198 | + height: 0.16rem; | ||
| 199 | + display: flex; | ||
| 200 | +} | ||
| 201 | + | ||
| 202 | +.menu_item_a_pic img { | ||
| 203 | + width: 100%; | ||
| 204 | + height: 100%; | ||
| 205 | +} | ||
| 206 | + | ||
| 207 | +.banner { | ||
| 208 | + position: relative; | ||
| 209 | +} | ||
| 210 | + | ||
| 211 | +.growl { | ||
| 212 | + position: fixed; | ||
| 213 | + top: 50%; | ||
| 214 | + left: 42%; | ||
| 215 | + width:max-content; | ||
| 216 | + height: .66rem; | ||
| 217 | + z-index: 9999999; | ||
| 218 | + text-align: center; | ||
| 219 | +} | ||
| 220 | + | ||
| 221 | +.alert { | ||
| 222 | + padding: .15rem; | ||
| 223 | + margin-bottom: .2rem; | ||
| 224 | + border-radius: .04rem; | ||
| 225 | +} | ||
| 226 | + | ||
| 227 | +.message_success { | ||
| 228 | + color: #fff; | ||
| 229 | + font-size: .14rem; | ||
| 230 | + | ||
| 231 | +} | ||
| 232 | + | ||
| 233 | +.growl-item { | ||
| 234 | + border-radius: .08rem; | ||
| 235 | + background-color: rgba(0, 0, 0, 0.8); | ||
| 236 | + border-color: #fff; | ||
| 237 | + margin-top: -.88rem; | ||
| 238 | + | ||
| 239 | +} | ||
| 240 | +.more{ | ||
| 241 | + width: .8rem; | ||
| 242 | + margin: 0 auto; | ||
| 243 | + margin-top: .25rem; | ||
| 244 | + padding: .11rem 0; | ||
| 245 | + border-bottom: .01rem solid #A61010; | ||
| 246 | +} | ||
| 247 | +.more a{ | ||
| 248 | + display: block; | ||
| 249 | + color: #A61010; | ||
| 250 | + font-size: .14rem; | ||
| 251 | + text-align: center; | ||
| 252 | +} |
| 1 | - | ||
| 2 | - | 1 | +body{ |
| 2 | + padding-bottom: 1.6rem; | ||
| 3 | +} | ||
| 4 | +.mid{ | ||
| 5 | + flex-flow: unset !important; | ||
| 6 | +} | ||
| 3 | .container { | 7 | .container { |
| 4 | width: 100%; | 8 | width: 100%; |
| 5 | display: flex; | 9 | display: flex; |
| @@ -51,7 +55,6 @@ | @@ -51,7 +55,6 @@ | ||
| 51 | } | 55 | } |
| 52 | /*右边*/ | 56 | /*右边*/ |
| 53 | .top_t_right{ | 57 | .top_t_right{ |
| 54 | - width: 1.2rem; | ||
| 55 | display: flex; | 58 | display: flex; |
| 56 | justify-content: space-between; | 59 | justify-content: space-between; |
| 57 | align-items: center; | 60 | align-items: center; |
| @@ -187,7 +190,7 @@ | @@ -187,7 +190,7 @@ | ||
| 187 | /*line-height:24px;*/ | 190 | /*line-height:24px;*/ |
| 188 | } | 191 | } |
| 189 | .bottom_top_b_att{ | 192 | .bottom_top_b_att{ |
| 190 | - width: 1rem; | 193 | + width: 1.2rem; |
| 191 | height: 0.28rem; | 194 | height: 0.28rem; |
| 192 | background: #C02C2C; | 195 | background: #C02C2C; |
| 193 | border-radius: 0.04rem; | 196 | border-radius: 0.04rem; |
| @@ -205,10 +208,14 @@ | @@ -205,10 +208,14 @@ | ||
| 205 | height: 1.58rem; | 208 | height: 1.58rem; |
| 206 | position: fixed; | 209 | position: fixed; |
| 207 | bottom: 0; | 210 | bottom: 0; |
| 211 | + background-image: url(../images/big_bg.png); | ||
| 212 | + background-repeat: no-repeat; | ||
| 213 | + background-size: cover; | ||
| 208 | } | 214 | } |
| 209 | .menu_top{ | 215 | .menu_top{ |
| 210 | display: flex; | 216 | display: flex; |
| 211 | justify-content: space-around; | 217 | justify-content: space-around; |
| 218 | + padding: 0 0.3rem; | ||
| 212 | } | 219 | } |
| 213 | .menu_top_item{ | 220 | .menu_top_item{ |
| 214 | display: flex; | 221 | display: flex; |
| @@ -51,7 +51,6 @@ | @@ -51,7 +51,6 @@ | ||
| 51 | } | 51 | } |
| 52 | /*右边*/ | 52 | /*右边*/ |
| 53 | .top_t_right{ | 53 | .top_t_right{ |
| 54 | - width: 1.2rem; | ||
| 55 | display: flex; | 54 | display: flex; |
| 56 | justify-content: space-between; | 55 | justify-content: space-between; |
| 57 | align-items: center; | 56 | align-items: center; |
| @@ -324,7 +323,8 @@ | @@ -324,7 +323,8 @@ | ||
| 324 | /*分享*/ | 323 | /*分享*/ |
| 325 | .share_function{ | 324 | .share_function{ |
| 326 | width: 3.2rem; | 325 | width: 3.2rem; |
| 327 | - height: 0.8rem; | 326 | +/* height: 0.8rem;*/ |
| 327 | + padding: .12rem 0; | ||
| 328 | display: flex; | 328 | display: flex; |
| 329 | justify-content: space-around; | 329 | justify-content: space-around; |
| 330 | background-color: #fff; | 330 | background-color: #fff; |
| @@ -391,7 +391,8 @@ | @@ -391,7 +391,8 @@ | ||
| 391 | line-height: 0.5rem; | 391 | line-height: 0.5rem; |
| 392 | } | 392 | } |
| 393 | .comment_item_right_text{ | 393 | .comment_item_right_text{ |
| 394 | - font-size: 0.16rem; | 394 | + font-size: 0.18rem; |
| 395 | + font-weight: 500; | ||
| 395 | margin-top: 0.1rem; | 396 | margin-top: 0.1rem; |
| 396 | line-height: 0.3rem; | 397 | line-height: 0.3rem; |
| 397 | } | 398 | } |
css/wiki.css
0 → 100644
| 1 | +body{ | ||
| 2 | + padding-bottom: 1rem; | ||
| 3 | +} | ||
| 4 | +.Figure_title { | ||
| 5 | + text-align: center; | ||
| 6 | + margin-top: .43rem; | ||
| 7 | + margin-bottom: .26rem; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +.Figure_title p { | ||
| 11 | + font-size: .14rem; | ||
| 12 | + color: #A61010; | ||
| 13 | + font-weight: 500; | ||
| 14 | + margin-bottom: .07rem; | ||
| 15 | +} | ||
| 16 | + | ||
| 17 | +.Figure_title h2 { | ||
| 18 | + font-size: .3rem; | ||
| 19 | + color: #333; | ||
| 20 | + font-weight: bold; | ||
| 21 | +} | ||
| 22 | + | ||
| 23 | +.Figure_list { | ||
| 24 | + display: -webkit-flex; | ||
| 25 | + display: -moz-flex; | ||
| 26 | + display: -ms-flex; | ||
| 27 | + display: -o-flex; | ||
| 28 | + display: flex; | ||
| 29 | + justify-content: space-between; | ||
| 30 | + flex-wrap: wrap; | ||
| 31 | + padding: 0 .53rem; | ||
| 32 | +} | ||
| 33 | + | ||
| 34 | +.Figure_item { | ||
| 35 | + width: 3rem; | ||
| 36 | + height: 3.5rem; | ||
| 37 | + box-sizing: border-box; | ||
| 38 | + padding: .2rem .3rem; | ||
| 39 | + padding-bottom: 0; | ||
| 40 | + margin-bottom: .2rem; | ||
| 41 | + background: rgba(255, 255, 255, 1); | ||
| 42 | + box-shadow: 0px .01rem .06rem 0px rgba(102, 102, 102, 0.14); | ||
| 43 | + border-radius: .1rem; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +.Figure_item img { | ||
| 47 | + display: block; | ||
| 48 | + width: 2.4rem; | ||
| 49 | + height: 2.7rem; | ||
| 50 | +} | ||
| 51 | + | ||
| 52 | +.Figure_item_text { | ||
| 53 | + padding: .18rem 0; | ||
| 54 | + text-align: center; | ||
| 55 | + font-size: .24rem; | ||
| 56 | + overflow: hidden; | ||
| 57 | + text-overflow: ellipsis; | ||
| 58 | + white-space: nowrap | ||
| 59 | +} | ||
| 60 | + | ||
| 61 | +.Article .Figure_item { | ||
| 62 | + padding: 0; | ||
| 63 | +} | ||
| 64 | + | ||
| 65 | +.Article .Figure_item img { | ||
| 66 | + width: 3rem; | ||
| 67 | + border-radius: .1rem .1rem 0px 0px; | ||
| 68 | + height: 1.7rem; | ||
| 69 | +} |
| @@ -51,7 +51,6 @@ | @@ -51,7 +51,6 @@ | ||
| 51 | } | 51 | } |
| 52 | /*右边*/ | 52 | /*右边*/ |
| 53 | .top_t_right{ | 53 | .top_t_right{ |
| 54 | - width: 1.5rem; | ||
| 55 | display: flex; | 54 | display: flex; |
| 56 | justify-content: space-between; | 55 | justify-content: space-between; |
| 57 | align-items: center; | 56 | align-items: center; |
| @@ -74,11 +73,7 @@ | @@ -74,11 +73,7 @@ | ||
| 74 | -moz-border-radius: 50%; | 73 | -moz-border-radius: 50%; |
| 75 | border-radius: 50%; | 74 | border-radius: 50%; |
| 76 | } | 75 | } |
| 77 | -.top_t_right_text{ | ||
| 78 | - font-size: 0.2rem; | ||
| 79 | - font-weight: 500; | ||
| 80 | - color: #333333; | ||
| 81 | -} | 76 | + |
| 82 | /*-----底部------*/ | 77 | /*-----底部------*/ |
| 83 | .top_d{ | 78 | .top_d{ |
| 84 | width: 5.56rem; | 79 | width: 5.56rem; |
| @@ -202,7 +197,7 @@ | @@ -202,7 +197,7 @@ | ||
| 202 | font-family:PingFang-SC-Bold; | 197 | font-family:PingFang-SC-Bold; |
| 203 | font-weight:bold; | 198 | font-weight:bold; |
| 204 | color:rgba(51,51,51,1); | 199 | color:rgba(51,51,51,1); |
| 205 | - line-height: 0.24rem; | 200 | +/* line-height: 0.24rem;*/ |
| 206 | } | 201 | } |
| 207 | .item{ | 202 | .item{ |
| 208 | margin-top: 0.24rem; | 203 | margin-top: 0.24rem; |
| @@ -817,35 +812,4 @@ | @@ -817,35 +812,4 @@ | ||
| 817 | overflow-y: auto; | 812 | overflow-y: auto; |
| 818 | margin-bottom: 0.6rem; | 813 | margin-bottom: 0.6rem; |
| 819 | } | 814 | } |
| 820 | -/*菜单*/ | ||
| 821 | -.menu_item{ | ||
| 822 | - width: 7.5rem; | ||
| 823 | - display: flex; | ||
| 824 | - flex-flow: column; | ||
| 825 | - font-size: 0.24rem; | ||
| 826 | - font-weight: bold; | ||
| 827 | - background-color: #F7F7F7; | ||
| 828 | - position: absolute; | ||
| 829 | - left: 0; | ||
| 830 | - bottom: 0; | ||
| 831 | - top: 0.8rem; | ||
| 832 | - z-index: 1999; | ||
| 833 | -} | ||
| 834 | -.menu_item_a{ | ||
| 835 | - display: flex; | ||
| 836 | - align-items: center; | ||
| 837 | - justify-content: space-between; | ||
| 838 | - position: relative; | ||
| 839 | - padding: 0.38rem 0; | ||
| 840 | - border-bottom: 1px solid #EBEBEB; | ||
| 841 | - margin: 0 0.2rem; | ||
| 842 | -} | ||
| 843 | -.menu_item_a_pic{ | ||
| 844 | - width: 0.08rem; | ||
| 845 | - height: 0.16rem; | ||
| 846 | - display: flex; | ||
| 847 | -} | ||
| 848 | -.menu_item_a_pic img{ | ||
| 849 | - width: 100%; | ||
| 850 | - height: 100%; | ||
| 851 | -} | 815 | + |
| @@ -51,7 +51,6 @@ | @@ -51,7 +51,6 @@ | ||
| 51 | } | 51 | } |
| 52 | /*右边*/ | 52 | /*右边*/ |
| 53 | .top_t_right{ | 53 | .top_t_right{ |
| 54 | - width: 1.2rem; | ||
| 55 | display: flex; | 54 | display: flex; |
| 56 | justify-content: space-between; | 55 | justify-content: space-between; |
| 57 | align-items: center; | 56 | align-items: center; |
| @@ -285,7 +284,6 @@ | @@ -285,7 +284,6 @@ | ||
| 285 | } | 284 | } |
| 286 | /*右边*/ | 285 | /*右边*/ |
| 287 | .top_t_right{ | 286 | .top_t_right{ |
| 288 | - width: 1.2rem; | ||
| 289 | display: flex; | 287 | display: flex; |
| 290 | justify-content: space-between; | 288 | justify-content: space-between; |
| 291 | align-items: center; | 289 | align-items: center; |
| @@ -51,7 +51,6 @@ | @@ -51,7 +51,6 @@ | ||
| 51 | } | 51 | } |
| 52 | /*右边*/ | 52 | /*右边*/ |
| 53 | .top_t_right{ | 53 | .top_t_right{ |
| 54 | - width: 1.2rem; | ||
| 55 | display: flex; | 54 | display: flex; |
| 56 | justify-content: space-between; | 55 | justify-content: space-between; |
| 57 | align-items: center; | 56 | align-items: center; |
| @@ -178,7 +177,6 @@ | @@ -178,7 +177,6 @@ | ||
| 178 | font-family:PingFang-SC-Bold; | 177 | font-family:PingFang-SC-Bold; |
| 179 | font-weight:bold; | 178 | font-weight:bold; |
| 180 | color:rgba(51,51,51,1); | 179 | color:rgba(51,51,51,1); |
| 181 | - line-height: 0.24rem; | ||
| 182 | /*display: flex;*/ | 180 | /*display: flex;*/ |
| 183 | text-align: center; | 181 | text-align: center; |
| 184 | } | 182 | } |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>个人主页</title> | 6 | <title>个人主页</title> |
| @@ -7,24 +8,27 @@ | @@ -7,24 +8,27 @@ | ||
| 7 | 8 | ||
| 8 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 9 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | - <link rel="stylesheet" type="text/css" href="css/grzy.css"> | ||
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_aj31y803pii.css"> | 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_aj31y803pii.css"> |
| 12 | + <link rel="stylesheet" href="css/public.css"> | ||
| 13 | + <link rel="stylesheet" type="text/css" href="css/grzy.css"> | ||
| 12 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 13 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 14 | 16 | ||
| 15 | <style> | 17 | <style> |
| 16 | - .icon-caidan{ | 18 | + .icon-caidan { |
| 17 | font-size: 0.5rem; | 19 | font-size: 0.5rem; |
| 18 | } | 20 | } |
| 19 | - .icon-magnifier{ | 21 | + |
| 22 | + .icon-magnifier { | ||
| 20 | color: #999999; | 23 | color: #999999; |
| 21 | } | 24 | } |
| 22 | 25 | ||
| 23 | - .f_size{ | 26 | + .f_size { |
| 24 | font-weight: normal; | 27 | font-weight: normal; |
| 25 | font-size: 0.18rem; | 28 | font-size: 0.18rem; |
| 26 | } | 29 | } |
| 27 | - .icon-xiugai{ | 30 | + |
| 31 | + .icon-xiugai { | ||
| 28 | margin-left: 0.15rem; | 32 | margin-left: 0.15rem; |
| 29 | font-size: 0.3rem; | 33 | font-size: 0.3rem; |
| 30 | color: #999999; | 34 | color: #999999; |
| @@ -32,27 +36,31 @@ | @@ -32,27 +36,31 @@ | ||
| 32 | font-weight: bold; | 36 | font-weight: bold; |
| 33 | align-items: center; | 37 | align-items: center; |
| 34 | } | 38 | } |
| 35 | - .top_dot{ | 39 | + |
| 40 | + .top_dot { | ||
| 36 | width: 0.08rem; | 41 | width: 0.08rem; |
| 37 | height: 0.08rem; | 42 | height: 0.08rem; |
| 38 | - background:rgba(166,16,16,1); | ||
| 39 | - border:1px solid rgba(255, 255, 255, 1); | 43 | + background: rgba(166, 16, 16, 1); |
| 44 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 40 | border-radius: 50%; | 45 | border-radius: 50%; |
| 41 | position: absolute; | 46 | position: absolute; |
| 42 | top: 0; | 47 | top: 0; |
| 43 | right: 0; | 48 | right: 0; |
| 44 | } | 49 | } |
| 45 | - .color_black{ | 50 | + |
| 51 | + .color_black { | ||
| 46 | color: black; | 52 | color: black; |
| 47 | } | 53 | } |
| 48 | - .margin_t{ | 54 | + |
| 55 | + .margin_t { | ||
| 49 | margin-top: 0.1rem; | 56 | margin-top: 0.1rem; |
| 50 | } | 57 | } |
| 58 | + | ||
| 51 | </style> | 59 | </style> |
| 52 | </head> | 60 | </head> |
| 53 | 61 | ||
| 54 | <body> | 62 | <body> |
| 55 | -<div class="container"> | 63 | + <div class="container"> |
| 56 | <div class="top"> | 64 | <div class="top"> |
| 57 | <!--顶部菜单--> | 65 | <!--顶部菜单--> |
| 58 | <div class="top_t"> | 66 | <div class="top_t"> |
| @@ -64,40 +72,47 @@ | @@ -64,40 +72,47 @@ | ||
| 64 | </div> | 72 | </div> |
| 65 | <!--菜单图标--> | 73 | <!--菜单图标--> |
| 66 | <div class="iconfont icon-caidan"> | 74 | <div class="iconfont icon-caidan"> |
| 75 | + <!--<div class=""></div>--> | ||
| 76 | + <!--菜单列表--> | ||
| 67 | <div class="menu_item" style="display: none;"> | 77 | <div class="menu_item" style="display: none;"> |
| 68 | 78 | ||
| 69 | <!--<p class="index_jump">主页</p >--> | 79 | <!--<p class="index_jump">主页</p >--> |
| 70 | <!--<p class="rwxq_jump">人物详情</p>--> | 80 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 71 | <!--<p class="grzy_jump">个人主页</p>--> | 81 | <!--<p class="grzy_jump">个人主页</p>--> |
| 72 | <!--<p class="spxq_jump">视频详情</p>--> | 82 | <!--<p class="spxq_jump">视频详情</p>--> |
| 83 | + <a href="index.html"> | ||
| 73 | <div class="menu_item_a"> | 84 | <div class="menu_item_a"> |
| 74 | <div>首页</div> | 85 | <div>首页</div> |
| 75 | <div class="menu_item_a_pic"> | 86 | <div class="menu_item_a_pic"> |
| 76 | <img src="images/you@2x.png"> | 87 | <img src="images/you@2x.png"> |
| 77 | </div> | 88 | </div> |
| 78 | </div> | 89 | </div> |
| 90 | + </a> | ||
| 91 | + <a href=""> | ||
| 79 | <div class="menu_item_a"> | 92 | <div class="menu_item_a"> |
| 80 | <div>精选</div> | 93 | <div>精选</div> |
| 81 | <div class="menu_item_a_pic"> | 94 | <div class="menu_item_a_pic"> |
| 82 | <img src="images/you@2x.png"> | 95 | <img src="images/you@2x.png"> |
| 83 | </div> | 96 | </div> |
| 84 | </div> | 97 | </div> |
| 98 | + </a> | ||
| 99 | + <a href=""> | ||
| 85 | <div class="menu_item_a"> | 100 | <div class="menu_item_a"> |
| 86 | <div>动态</div> | 101 | <div>动态</div> |
| 87 | <div class="menu_item_a_pic"> | 102 | <div class="menu_item_a_pic"> |
| 88 | <img src="images/you@2x.png"> | 103 | <img src="images/you@2x.png"> |
| 89 | </div> | 104 | </div> |
| 90 | </div> | 105 | </div> |
| 106 | + </a> | ||
| 107 | + <a href=""> | ||
| 91 | <div class="menu_item_a"> | 108 | <div class="menu_item_a"> |
| 92 | <div>百科</div> | 109 | <div>百科</div> |
| 93 | <div class="menu_item_a_pic"> | 110 | <div class="menu_item_a_pic"> |
| 94 | <img src="images/you@2x.png"> | 111 | <img src="images/you@2x.png"> |
| 95 | </div> | 112 | </div> |
| 96 | </div> | 113 | </div> |
| 97 | - | ||
| 98 | - | 114 | + </a> |
| 99 | </div> | 115 | </div> |
| 100 | - | ||
| 101 | </div> | 116 | </div> |
| 102 | </div> | 117 | </div> |
| 103 | <!--中--> | 118 | <!--中--> |
| @@ -105,15 +120,35 @@ | @@ -105,15 +120,35 @@ | ||
| 105 | <img src="images/icon_1.png"> | 120 | <img src="images/icon_1.png"> |
| 106 | </div> | 121 | </div> |
| 107 | <!--右--> | 122 | <!--右--> |
| 108 | - <div class="top_t_right"> | 123 | + <div class="top_t_right" style="display: none"> |
| 109 | <!--铃声--> | 124 | <!--铃声--> |
| 110 | <div class="iconfont icon-10"> | 125 | <div class="iconfont icon-10"> |
| 111 | - <!--小红点--> | ||
| 112 | <div class="top_dot"></div> | 126 | <div class="top_dot"></div> |
| 113 | </div> | 127 | </div> |
| 128 | + <div class="top_t_right_text"> | ||
| 129 | + 注册/登录 | ||
| 130 | + </div> | ||
| 114 | <!--头像--> | 131 | <!--头像--> |
| 132 | + <div class="top_t_right_pic" style="display: none"> | ||
| 133 | + <img src="images/1.png"> | ||
| 134 | + </div> | ||
| 135 | + | ||
| 136 | + </div> | ||
| 137 | + <div class="top_t_right"> | ||
| 138 | + | ||
| 115 | <div class="top_t_right_pic"> | 139 | <div class="top_t_right_pic"> |
| 116 | <img src="images/1.png"> | 140 | <img src="images/1.png"> |
| 141 | + <div class="head_right_nav"> | ||
| 142 | + <div class="head_right_item"> | ||
| 143 | + <a href="grzy.html">个人主页</a> | ||
| 144 | + </div> | ||
| 145 | + <div class="head_right_item"> | ||
| 146 | + <a href="zhsz.html">设置</a> | ||
| 147 | + </div> | ||
| 148 | + <div class="head_right_item"> | ||
| 149 | + <a href="">退出登录</a> | ||
| 150 | + </div> | ||
| 151 | + </div> | ||
| 117 | </div> | 152 | </div> |
| 118 | </div> | 153 | </div> |
| 119 | </div> | 154 | </div> |
| @@ -151,9 +186,9 @@ | @@ -151,9 +186,9 @@ | ||
| 151 | </div> | 186 | </div> |
| 152 | <!--动态 审核--> | 187 | <!--动态 审核--> |
| 153 | <div class="item"> | 188 | <div class="item"> |
| 154 | - <div class="item_m item_color" data-id ="1"> | 189 | + <div class="item_m item_color" data-id="1"> |
| 155 | 动态 | 190 | 动态 |
| 156 | - <div class="item_number" data-id ="1"> | 191 | + <div class="item_number" data-id="1"> |
| 157 | 12 | 192 | 12 |
| 158 | </div> | 193 | </div> |
| 159 | 194 | ||
| @@ -166,7 +201,7 @@ | @@ -166,7 +201,7 @@ | ||
| 166 | </div> | 201 | </div> |
| 167 | </div> | 202 | </div> |
| 168 | <!--动态消息--> | 203 | <!--动态消息--> |
| 169 | - <div class="message" > | 204 | + <div class="message"> |
| 170 | <div class="message_box"> | 205 | <div class="message_box"> |
| 171 | <p class="color_red"> | 206 | <p class="color_red"> |
| 172 | 小猪佩奇 | 207 | 小猪佩奇 |
| @@ -216,22 +251,72 @@ | @@ -216,22 +251,72 @@ | ||
| 216 | 251 | ||
| 217 | </div> | 252 | </div> |
| 218 | <!--审核消息--> | 253 | <!--审核消息--> |
| 219 | - <div class="audit" style="display: none;" > | 254 | + <div class="audit" style="display: none;"> |
| 220 | <div class="audit_big"> | 255 | <div class="audit_big"> |
| 221 | 正在审核 | 256 | 正在审核 |
| 222 | <p class="audit_small">你提交的 <span class="color_red">12306</span>内容正在审核中,请耐心等待。</p> | 257 | <p class="audit_small">你提交的 <span class="color_red">12306</span>内容正在审核中,请耐心等待。</p> |
| 223 | </div> | 258 | </div> |
| 224 | 259 | ||
| 225 | - <div class="audit_big" > | 260 | + <div class="audit_big"> |
| 226 | 正在审核 | 261 | 正在审核 |
| 227 | <p class="audit_small">你提交的 <span class="color_red">12306</span>内容正在审核中,请耐心等待。</p> | 262 | <p class="audit_small">你提交的 <span class="color_red">12306</span>内容正在审核中,请耐心等待。</p> |
| 228 | </div> | 263 | </div> |
| 229 | </div> | 264 | </div> |
| 230 | -</div> | 265 | + <div class="mask fit" style="display: none"> |
| 266 | + <div class="fit_name"> | ||
| 267 | + <div class="fit_name_title"> | ||
| 268 | + 设置昵称 | ||
| 269 | + <img src="images/close.png" alt=""> | ||
| 270 | + </div> | ||
| 271 | + <div class="fit_name_main"> | ||
| 272 | + <form action=""> | ||
| 273 | + <input type="text" name="" id="" placeholder="请设置您的昵称"> | ||
| 274 | + <p>不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符</p> | ||
| 275 | + <button type="button">完成</button> | ||
| 276 | + </form> | ||
| 277 | + </div> | ||
| 278 | + </div> | ||
| 279 | + </div> | ||
| 280 | + <div class="mask fit2" style="display: none"> | ||
| 281 | + <div class="fit_name"> | ||
| 282 | + <div class="fit_name_title"> | ||
| 283 | + 设置签名 | ||
| 284 | + <img src="images/close.png" alt=""> | ||
| 285 | + </div> | ||
| 286 | + <div class="fit_name_main"> | ||
| 287 | + <form action=""> | ||
| 288 | + <input type="text" name="" id="" placeholder="请设置您的签名"> | ||
| 289 | + <p>不超过30个中文</p> | ||
| 290 | + <button type="button">完成</button> | ||
| 291 | + </form> | ||
| 292 | + </div> | ||
| 293 | + </div> | ||
| 294 | + </div> | ||
| 295 | + <div id="message_info" class="growl" style="display:none;"> | ||
| 296 | + <div id="message_content" class="growl-item alert message_error"></div> | ||
| 297 | + </div> | ||
| 298 | + </div> | ||
| 231 | </body> | 299 | </body> |
| 232 | <script> | 300 | <script> |
| 301 | + var addMessage = function(type, message) { | ||
| 302 | + $("#message_content").html(""); | ||
| 303 | + $("#message_content").removeClass("message_success"); | ||
| 304 | + $("#message_content").removeClass("message_error"); | ||
| 305 | + if (message != null && message != '') { | ||
| 306 | + if (type == 'success') { | ||
| 307 | + $("#message_content").addClass("message_success"); | ||
| 308 | + } else { | ||
| 309 | + $("#message_content").addClass("message_error"); | ||
| 310 | + } | ||
| 311 | + $("#message_content").html(message); | ||
| 312 | + $("#message_info").fadeIn(); | ||
| 313 | + setTimeout(function() { | ||
| 314 | + $("#message_info").fadeOut(); | ||
| 315 | + }, 1000); | ||
| 316 | + }; | ||
| 317 | + }; | ||
| 233 | //点击打开菜单 | 318 | //点击打开菜单 |
| 234 | - $('.icon-caidan').click(function () { | 319 | + $('.icon-caidan').click(function() { |
| 235 | console.log(11) | 320 | console.log(11) |
| 236 | $('.menu_item').slideToggle(); | 321 | $('.menu_item').slideToggle(); |
| 237 | // 关闭图片功能 2019.4.8 | 322 | // 关闭图片功能 2019.4.8 |
| @@ -247,7 +332,7 @@ | @@ -247,7 +332,7 @@ | ||
| 247 | }) | 332 | }) |
| 248 | 333 | ||
| 249 | //标题切换 | 334 | //标题切换 |
| 250 | - $('.item_m').click(function () { | 335 | + $('.item_m').click(function() { |
| 251 | var index = $(this).index() | 336 | var index = $(this).index() |
| 252 | 337 | ||
| 253 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') | 338 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') |
| @@ -255,10 +340,10 @@ | @@ -255,10 +340,10 @@ | ||
| 255 | 340 | ||
| 256 | //内容切换 | 341 | //内容切换 |
| 257 | var dataid = $(this).attr("data-id"); | 342 | var dataid = $(this).attr("data-id"); |
| 258 | - if(dataid == 1){ | 343 | + if (dataid == 1) { |
| 259 | $(".message").show(); | 344 | $(".message").show(); |
| 260 | $('.audit').hide(); | 345 | $('.audit').hide(); |
| 261 | - }else { | 346 | + } else { |
| 262 | $(".audit").show(); | 347 | $(".audit").show(); |
| 263 | $(".message").hide(); | 348 | $(".message").hide(); |
| 264 | } | 349 | } |
| @@ -266,5 +351,31 @@ | @@ -266,5 +351,31 @@ | ||
| 266 | 351 | ||
| 267 | 352 | ||
| 268 | }) | 353 | }) |
| 354 | + //修改昵称 | ||
| 355 | + $('.mid_right_big .icon-xiugai').click(function() { | ||
| 356 | + $('.fit').show() | ||
| 357 | + | ||
| 358 | + }) | ||
| 359 | + | ||
| 360 | + $('.fit_name_title img').click(function() { | ||
| 361 | + $('.fit').hide() | ||
| 362 | + $('.fit2').hide() | ||
| 363 | + addMessage('success', '取消修改'); | ||
| 364 | + }) | ||
| 365 | + $('.fit_name_main button').click(function() { | ||
| 366 | + $('.fit').hide() | ||
| 367 | + $('.fit2').hide() | ||
| 368 | + addMessage('success', '修改成功'); | ||
| 369 | + }) | ||
| 370 | + //修改签名 | ||
| 371 | + $('.mid_right_small .icon-xiugai').click(function() { | ||
| 372 | + $('.fit2').show() | ||
| 373 | + // addMessage('success', '嘿嘿'); | ||
| 374 | + }) | ||
| 375 | + $('.top_t_right_pic img').click(function() { | ||
| 376 | + $('.head_right_nav').toggle() | ||
| 377 | + }) | ||
| 378 | + | ||
| 269 | </script> | 379 | </script> |
| 380 | + | ||
| 270 | </html> | 381 | </html> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | - <title>个人主页</title> | 6 | + <title>贡献内容</title> |
| 6 | <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | 7 | <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
| 7 | 8 | ||
| 8 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 9 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | - <link rel="stylesheet" type="text/css" href="css/gx.css"> | ||
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7bu9hl90ppx.css"> | 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7bu9hl90ppx.css"> |
| 12 | + <link rel="stylesheet" href="css/public.css"> | ||
| 13 | + <link rel="stylesheet" type="text/css" href="css/gx.css"> | ||
| 12 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 13 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 14 | 16 | ||
| @@ -63,7 +65,7 @@ | @@ -63,7 +65,7 @@ | ||
| 63 | </head> | 65 | </head> |
| 64 | 66 | ||
| 65 | <body> | 67 | <body> |
| 66 | -<div class="container"> | 68 | + <div class="container"> |
| 67 | <div class="top"> | 69 | <div class="top"> |
| 68 | <!--顶部菜单--> | 70 | <!--顶部菜单--> |
| 69 | <div class="top_t"> | 71 | <div class="top_t"> |
| @@ -75,55 +77,64 @@ | @@ -75,55 +77,64 @@ | ||
| 75 | </div> | 77 | </div> |
| 76 | <!--菜单图标--> | 78 | <!--菜单图标--> |
| 77 | <div class="iconfont icon-caidan"> | 79 | <div class="iconfont icon-caidan"> |
| 80 | + <!--<div class=""></div>--> | ||
| 81 | + <!--菜单列表--> | ||
| 78 | <div class="menu_item" style="display: none;"> | 82 | <div class="menu_item" style="display: none;"> |
| 79 | 83 | ||
| 80 | <!--<p class="index_jump">主页</p >--> | 84 | <!--<p class="index_jump">主页</p >--> |
| 81 | <!--<p class="rwxq_jump">人物详情</p>--> | 85 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 82 | <!--<p class="grzy_jump">个人主页</p>--> | 86 | <!--<p class="grzy_jump">个人主页</p>--> |
| 83 | <!--<p class="spxq_jump">视频详情</p>--> | 87 | <!--<p class="spxq_jump">视频详情</p>--> |
| 88 | + <a href="index.html"> | ||
| 84 | <div class="menu_item_a"> | 89 | <div class="menu_item_a"> |
| 85 | <div>首页</div> | 90 | <div>首页</div> |
| 86 | <div class="menu_item_a_pic"> | 91 | <div class="menu_item_a_pic"> |
| 87 | <img src="images/you@2x.png"> | 92 | <img src="images/you@2x.png"> |
| 88 | </div> | 93 | </div> |
| 89 | </div> | 94 | </div> |
| 95 | + </a> | ||
| 96 | + <a href=""> | ||
| 90 | <div class="menu_item_a"> | 97 | <div class="menu_item_a"> |
| 91 | <div>精选</div> | 98 | <div>精选</div> |
| 92 | <div class="menu_item_a_pic"> | 99 | <div class="menu_item_a_pic"> |
| 93 | <img src="images/you@2x.png"> | 100 | <img src="images/you@2x.png"> |
| 94 | </div> | 101 | </div> |
| 95 | </div> | 102 | </div> |
| 103 | + </a> | ||
| 104 | + <a href=""> | ||
| 96 | <div class="menu_item_a"> | 105 | <div class="menu_item_a"> |
| 97 | <div>动态</div> | 106 | <div>动态</div> |
| 98 | <div class="menu_item_a_pic"> | 107 | <div class="menu_item_a_pic"> |
| 99 | <img src="images/you@2x.png"> | 108 | <img src="images/you@2x.png"> |
| 100 | </div> | 109 | </div> |
| 101 | </div> | 110 | </div> |
| 111 | + </a> | ||
| 112 | + <a href=""> | ||
| 102 | <div class="menu_item_a"> | 113 | <div class="menu_item_a"> |
| 103 | <div>百科</div> | 114 | <div>百科</div> |
| 104 | <div class="menu_item_a_pic"> | 115 | <div class="menu_item_a_pic"> |
| 105 | <img src="images/you@2x.png"> | 116 | <img src="images/you@2x.png"> |
| 106 | </div> | 117 | </div> |
| 107 | </div> | 118 | </div> |
| 108 | - | ||
| 109 | - | 119 | + </a> |
| 110 | </div> | 120 | </div> |
| 111 | - | ||
| 112 | </div> | 121 | </div> |
| 113 | </div> | 122 | </div> |
| 114 | <!--中--> | 123 | <!--中--> |
| 115 | <div class="top_t_middle"> | 124 | <div class="top_t_middle"> |
| 116 | - <img src="images/peke.png"> | 125 | + <img src="images/icon_1.png"> |
| 117 | </div> | 126 | </div> |
| 118 | <!--右--> | 127 | <!--右--> |
| 119 | <div class="top_t_right"> | 128 | <div class="top_t_right"> |
| 120 | <!--铃声--> | 129 | <!--铃声--> |
| 121 | <div class="iconfont icon-10"> | 130 | <div class="iconfont icon-10"> |
| 122 | - <!--小红点--> | ||
| 123 | <div class="top_dot"></div> | 131 | <div class="top_dot"></div> |
| 124 | </div> | 132 | </div> |
| 133 | + <div class="top_t_right_text"> | ||
| 134 | + 注册/登录 | ||
| 135 | + </div> | ||
| 125 | <!--头像--> | 136 | <!--头像--> |
| 126 | - <div class="top_t_right_pic"> | 137 | + <div class="top_t_right_pic" style="display: none"> |
| 127 | <img src="images/1.png"> | 138 | <img src="images/1.png"> |
| 128 | </div> | 139 | </div> |
| 129 | </div> | 140 | </div> |
| @@ -244,6 +255,12 @@ | @@ -244,6 +255,12 @@ | ||
| 244 | <div class="iconfont icon-guanbi"></div> | 255 | <div class="iconfont icon-guanbi"></div> |
| 245 | </div> | 256 | </div> |
| 246 | </div> | 257 | </div> |
| 258 | + <div class="mid_pic_item"> | ||
| 259 | + <img src="images/back_1.png"> | ||
| 260 | + <div class="close_button"> | ||
| 261 | + <div class="iconfont icon-guanbi"></div> | ||
| 262 | + </div> | ||
| 263 | + </div> | ||
| 247 | 264 | ||
| 248 | <div class="mid_pic_set"> | 265 | <div class="mid_pic_set"> |
| 249 | <div class="iconfont icon-icon02"></div> | 266 | <div class="iconfont icon-icon02"></div> |
| @@ -274,12 +291,29 @@ | @@ -274,12 +291,29 @@ | ||
| 274 | </div> | 291 | </div> |
| 275 | </div> | 292 | </div> |
| 276 | 293 | ||
| 294 | + <!--内容提交--> | ||
| 295 | + <div class="mask" style="display: none;"> | ||
| 296 | + <div class="mask_box submit_height"> | ||
| 297 | + <div class="mask_submit_text"> | ||
| 298 | + <p> | ||
| 299 | + 内容已成功提交，我们将尽快审核。 | ||
| 300 | + </p> | ||
| 301 | + <p> | ||
| 302 | + （结果将通过站内信告知） | ||
| 303 | + </p> | ||
| 304 | + </div> | ||
| 305 | + <div class="mask_submit_bottom"> | ||
| 306 | + 确定 | ||
| 307 | + </div> | ||
| 308 | + </div> | ||
| 309 | + </div> | ||
| 310 | + | ||
| 311 | + </div> | ||
| 277 | 312 | ||
| 278 | -</div> | ||
| 279 | </body> | 313 | </body> |
| 280 | <script> | 314 | <script> |
| 281 | //点击打开菜单 | 315 | //点击打开菜单 |
| 282 | - $('.icon-caidan').click(function () { | 316 | + $('.icon-caidan').click(function() { |
| 283 | console.log(11) | 317 | console.log(11) |
| 284 | $('.menu_item').slideToggle(); | 318 | $('.menu_item').slideToggle(); |
| 285 | // 关闭图片功能 2019.4.8 | 319 | // 关闭图片功能 2019.4.8 |
| @@ -293,8 +327,49 @@ | @@ -293,8 +327,49 @@ | ||
| 293 | // $("body").css("overflow","auto"); | 327 | // $("body").css("overflow","auto"); |
| 294 | // } | 328 | // } |
| 295 | }) | 329 | }) |
| 330 | + $('.mid_type_items_sub').click(function() { | ||
| 331 | + $('.mask').show() | ||
| 332 | + }) | ||
| 333 | + $('.mask_submit_bottom').click(function() { | ||
| 334 | + $('.mask').hide() | ||
| 335 | + }) | ||
| 336 | + if ($('.mid_pic_item').length = 6) { | ||
| 337 | + $('.mid_pic_set').hide() | ||
| 338 | + } else { | ||
| 339 | + $('.mid_pic_set').show() | ||
| 296 | 340 | ||
| 341 | + } | ||
| 342 | + //添加图片 | ||
| 343 | + $('.mid_pic_set').click(function() { | ||
| 344 | + $(this).before(`<div class="mid_pic_item"> | ||
| 345 | + <img src="images/back_1.png"> | ||
| 346 | + <div class="close_button"> | ||
| 347 | + <div class="iconfont icon-guanbi"></div> | ||
| 348 | + </div> | ||
| 349 | + </div>`) | ||
| 350 | + if ($('.mid_pic_item').length >= 6) { | ||
| 351 | + $('.mid_pic_set').hide() | ||
| 352 | + } else { | ||
| 353 | + $('.mid_pic_set').show() | ||
| 297 | 354 | ||
| 355 | + } | ||
| 356 | + }) | ||
| 357 | + //删除图片 | ||
| 358 | + | ||
| 359 | + $('.mid_type .mid_pic_items').on("click", ".close_button", function() { | ||
| 360 | + $(this).parent().remove() | ||
| 361 | + if ($('.mid_pic_item').length >= 6) { | ||
| 362 | + $('.mid_pic_set').hide() | ||
| 363 | + } else { | ||
| 364 | + $('.mid_pic_set').show() | ||
| 365 | + | ||
| 366 | + } | ||
| 367 | + }) | ||
| 368 | + | ||
| 369 | + $('.mid_type_items_item').click(function() { | ||
| 370 | + $(".mid_type_items_item").eq($(this).index()).addClass("mid_type_items_item_active").siblings().removeClass('mid_type_items_item_active'); | ||
| 371 | + }) | ||
| 298 | 372 | ||
| 299 | </script> | 373 | </script> |
| 374 | + | ||
| 300 | </html> | 375 | </html> |
images/bg.png
0 → 100644
16.7 KB
images/big_bg.png
0 → 100644
25.8 KB
images/bilibili-logo.png
0 → 100644
2.3 KB
images/bottom_bg.png
0 → 100644
6.7 KB
images/close.png
0 → 100644
366 字节
images/e_mail.png
0 → 100644
954 字节
images/instagram.png
0 → 100644
1.5 KB
images/phone.png
0 → 100644
919 字节
images/qq-copy.png
0 → 100644
1.5 KB
images/tian7_facebook.png
0 → 100644
1.5 KB
images/twiter.png
0 → 100644
1.6 KB
images/wechat.png
0 → 100644
1.7 KB
images/youtube.png
0 → 100644
1.6 KB
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>首页</title> | 6 | <title>首页</title> |
| @@ -12,21 +13,26 @@ | @@ -12,21 +13,26 @@ | ||
| 12 | <script src="js/base.js"></script> | 13 | <script src="js/base.js"></script> |
| 13 | <script src="js/jquery.min.js"></script> | 14 | <script src="js/jquery.min.js"></script> |
| 14 | <link rel="stylesheet" href="css/swiper.css"> | 15 | <link rel="stylesheet" href="css/swiper.css"> |
| 16 | + <link rel="stylesheet" href="css/public.css"> | ||
| 15 | <style> | 17 | <style> |
| 16 | - .icon-caidan{ | 18 | + .icon-caidan { |
| 17 | font-size: 0.5rem; | 19 | font-size: 0.5rem; |
| 18 | } | 20 | } |
| 19 | - .icon-magnifier{ | 21 | + |
| 22 | + .icon-magnifier { | ||
| 20 | color: #999999; | 23 | color: #999999; |
| 21 | } | 24 | } |
| 22 | - .icon-bofangshipin{ | 25 | + |
| 26 | + .icon-bofangshipin { | ||
| 23 | font-size: 0.38rem; | 27 | font-size: 0.38rem; |
| 24 | line-height: 1.4; | 28 | line-height: 1.4; |
| 25 | } | 29 | } |
| 30 | + | ||
| 26 | .swiper-container { | 31 | .swiper-container { |
| 27 | width: 100%; | 32 | width: 100%; |
| 28 | height: 100%; | 33 | height: 100%; |
| 29 | } | 34 | } |
| 35 | + | ||
| 30 | .swiper-slide { | 36 | .swiper-slide { |
| 31 | text-align: center; | 37 | text-align: center; |
| 32 | font-size: 18px; | 38 | font-size: 18px; |
| @@ -45,41 +51,47 @@ | @@ -45,41 +51,47 @@ | ||
| 45 | -webkit-align-items: center; | 51 | -webkit-align-items: center; |
| 46 | align-items: center; | 52 | align-items: center; |
| 47 | 53 | ||
| 48 | - border-right: 0.1rem; | 54 | + border-radius: 0.1rem; |
| 49 | } | 55 | } |
| 50 | - .swiper-slide img{ | 56 | + |
| 57 | + .swiper-slide img { | ||
| 51 | width: 100%; | 58 | width: 100%; |
| 52 | height: 100%; | 59 | height: 100%; |
| 53 | border-radius: 0.1rem; | 60 | border-radius: 0.1rem; |
| 54 | } | 61 | } |
| 55 | - .top_dot{ | 62 | + |
| 63 | + .top_dot { | ||
| 56 | width: 0.08rem; | 64 | width: 0.08rem; |
| 57 | height: 0.08rem; | 65 | height: 0.08rem; |
| 58 | - background:rgba(166,16,16,1); | ||
| 59 | - border:1px solid rgba(255, 255, 255, 1); | 66 | + background: rgba(166, 16, 16, 1); |
| 67 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 60 | border-radius: 50%; | 68 | border-radius: 50%; |
| 61 | position: absolute; | 69 | position: absolute; |
| 62 | top: 0; | 70 | top: 0; |
| 63 | right: 0; | 71 | right: 0; |
| 64 | } | 72 | } |
| 65 | - .icon-guanbi{ | 73 | + |
| 74 | + .icon-guanbi { | ||
| 66 | position: absolute; | 75 | position: absolute; |
| 67 | height: 0.5rem; | 76 | height: 0.5rem; |
| 68 | line-height: 0.5rem; | 77 | line-height: 0.5rem; |
| 69 | top: 0; | 78 | top: 0; |
| 70 | right: 0.2rem; | 79 | right: 0.2rem; |
| 71 | } | 80 | } |
| 72 | - .icon-shangsanjiao{ | 81 | + |
| 82 | + .icon-shangsanjiao { | ||
| 73 | position: absolute; | 83 | position: absolute; |
| 74 | top: -0.2rem; | 84 | top: -0.2rem; |
| 75 | left: -0.2rem; | 85 | left: -0.2rem; |
| 76 | color: orangered; | 86 | color: orangered; |
| 77 | } | 87 | } |
| 88 | + | ||
| 78 | </style> | 89 | </style> |
| 79 | </head> | 90 | </head> |
| 80 | <script src="js/swiper.js"></script> | 91 | <script src="js/swiper.js"></script> |
| 92 | + | ||
| 81 | <body> | 93 | <body> |
| 82 | -<div class="container"> | 94 | + <div class="container"> |
| 83 | <div class="top"> | 95 | <div class="top"> |
| 84 | <!--顶部菜单--> | 96 | <!--顶部菜单--> |
| 85 | <div class="top_t"> | 97 | <div class="top_t"> |
| @@ -99,32 +111,64 @@ | @@ -99,32 +111,64 @@ | ||
| 99 | <!--<p class="rwxq_jump">人物详情</p>--> | 111 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 100 | <!--<p class="grzy_jump">个人主页</p>--> | 112 | <!--<p class="grzy_jump">个人主页</p>--> |
| 101 | <!--<p class="spxq_jump">视频详情</p>--> | 113 | <!--<p class="spxq_jump">视频详情</p>--> |
| 114 | + <a href="index.html"> | ||
| 102 | <div class="menu_item_a"> | 115 | <div class="menu_item_a"> |
| 103 | <div>首页</div> | 116 | <div>首页</div> |
| 104 | <div class="menu_item_a_pic"> | 117 | <div class="menu_item_a_pic"> |
| 105 | <img src="images/you@2x.png"> | 118 | <img src="images/you@2x.png"> |
| 106 | </div> | 119 | </div> |
| 107 | </div> | 120 | </div> |
| 121 | + </a> | ||
| 122 | + <a href=""> | ||
| 108 | <div class="menu_item_a"> | 123 | <div class="menu_item_a"> |
| 109 | <div>精选</div> | 124 | <div>精选</div> |
| 110 | <div class="menu_item_a_pic"> | 125 | <div class="menu_item_a_pic"> |
| 111 | <img src="images/you@2x.png"> | 126 | <img src="images/you@2x.png"> |
| 112 | </div> | 127 | </div> |
| 113 | </div> | 128 | </div> |
| 129 | + </a> | ||
| 130 | + <a href="#title"> | ||
| 114 | <div class="menu_item_a"> | 131 | <div class="menu_item_a"> |
| 115 | <div>动态</div> | 132 | <div>动态</div> |
| 116 | <div class="menu_item_a_pic"> | 133 | <div class="menu_item_a_pic"> |
| 117 | <img src="images/you@2x.png"> | 134 | <img src="images/you@2x.png"> |
| 118 | </div> | 135 | </div> |
| 119 | </div> | 136 | </div> |
| 137 | + </a> | ||
| 138 | + <a href="wiki.html"> | ||
| 120 | <div class="menu_item_a"> | 139 | <div class="menu_item_a"> |
| 121 | <div>百科</div> | 140 | <div>百科</div> |
| 122 | <div class="menu_item_a_pic"> | 141 | <div class="menu_item_a_pic"> |
| 123 | <img src="images/you@2x.png"> | 142 | <img src="images/you@2x.png"> |
| 124 | </div> | 143 | </div> |
| 125 | </div> | 144 | </div> |
| 126 | - | ||
| 127 | - | 145 | + </a> |
| 146 | +<!-- | ||
| 147 | + <a href=""> | ||
| 148 | + <div class="menu_item_a"> | ||
| 149 | + <div>隐私查询</div> | ||
| 150 | + <div class="menu_item_a_pic"> | ||
| 151 | + <img src="images/you@2x.png"> | ||
| 152 | + </div> | ||
| 153 | + </div> | ||
| 154 | + </a> | ||
| 155 | + <a href=""> | ||
| 156 | + <div class="menu_item_a"> | ||
| 157 | + <div>关于我们</div> | ||
| 158 | + <div class="menu_item_a_pic"> | ||
| 159 | + <img src="images/you@2x.png"> | ||
| 160 | + </div> | ||
| 161 | + </div> | ||
| 162 | + </a> | ||
| 163 | + <a href=""> | ||
| 164 | + <div class="menu_item_a"> | ||
| 165 | + <div>联系我们</div> | ||
| 166 | + <div class="menu_item_a_pic"> | ||
| 167 | + <img src="images/you@2x.png"> | ||
| 168 | + </div> | ||
| 169 | + </div> | ||
| 170 | + </a> | ||
| 171 | +--> | ||
| 128 | </div> | 172 | </div> |
| 129 | </div> | 173 | </div> |
| 130 | </div> | 174 | </div> |
| @@ -138,16 +182,37 @@ | @@ -138,16 +182,37 @@ | ||
| 138 | <div class="iconfont icon-10"> | 182 | <div class="iconfont icon-10"> |
| 139 | <div class="top_dot"></div> | 183 | <div class="top_dot"></div> |
| 140 | </div> | 184 | </div> |
| 185 | + <div class="top_t_right_text"> | ||
| 186 | + <div class="top_t_right_reg"> | ||
| 187 | + 注册 | ||
| 188 | + </div> | ||
| 189 | + / | ||
| 190 | + <div class="top_t_right_login"> | ||
| 191 | + 登录 | ||
| 192 | + </div> | ||
| 193 | + | ||
| 194 | + </div> | ||
| 141 | <!--头像--> | 195 | <!--头像--> |
| 142 | - <div class="top_t_right_pic"> | 196 | + <div class="top_t_right_pic" style="display: none"> |
| 143 | <img src="images/1.png"> | 197 | <img src="images/1.png"> |
| 198 | + <div class="head_right_nav"> | ||
| 199 | + <div class="head_right_item"> | ||
| 200 | + <a href="grzy.html">个人主页</a> | ||
| 201 | + </div> | ||
| 202 | + <div class="head_right_item"> | ||
| 203 | + <a href="zhsz.html">设置</a> | ||
| 204 | + </div> | ||
| 205 | + <div class="head_right_item"> | ||
| 206 | + <a href="">退出登录</a> | ||
| 207 | + </div> | ||
| 208 | + </div> | ||
| 144 | </div> | 209 | </div> |
| 145 | </div> | 210 | </div> |
| 146 | </div> | 211 | </div> |
| 147 | <!--底部搜索--> | 212 | <!--底部搜索--> |
| 148 | <div class="top_d"> | 213 | <div class="top_d"> |
| 149 | <div class="iconfont icon-magnifier"></div> | 214 | <div class="iconfont icon-magnifier"></div> |
| 150 | - <input class="top_d_input" placeholder="搜索音乐/作品/风格"> | 215 | + <input class="top_d_input" type="search" id="keyword" placeholder="搜索音乐/作品/风格"> |
| 151 | </div> | 216 | </div> |
| 152 | </div> | 217 | </div> |
| 153 | <!--轮播图--> | 218 | <!--轮播图--> |
| @@ -280,7 +345,7 @@ | @@ -280,7 +345,7 @@ | ||
| 280 | </div> | 345 | </div> |
| 281 | </div> | 346 | </div> |
| 282 | <!--文章--> | 347 | <!--文章--> |
| 283 | - <div class="title"> | 348 | + <div class="title" id="title"> |
| 284 | <div class="new_e marin_top"> | 349 | <div class="new_e marin_top"> |
| 285 | Article | 350 | Article |
| 286 | </div> | 351 | </div> |
| @@ -332,7 +397,7 @@ | @@ -332,7 +397,7 @@ | ||
| 332 | <div class="year_pic"> | 397 | <div class="year_pic"> |
| 333 | <img src="images/left_aa.png"> | 398 | <img src="images/left_aa.png"> |
| 334 | </div> | 399 | </div> |
| 335 | - <div >2018</div> | 400 | + <div>2018</div> |
| 336 | <div class="year_pic"> | 401 | <div class="year_pic"> |
| 337 | <img src="images/right_aa.png"> | 402 | <img src="images/right_aa.png"> |
| 338 | </div> | 403 | </div> |
| @@ -414,68 +479,934 @@ | @@ -414,68 +479,934 @@ | ||
| 414 | </div> | 479 | </div> |
| 415 | </div> | 480 | </div> |
| 416 | </div> | 481 | </div> |
| 417 | -</div> | 482 | + |
| 483 | + <!--动态层 -> 密码登录--> | ||
| 484 | + <div class="mask mask_pswd" style="display: none;"> | ||
| 485 | + <div class="mask_box"> | ||
| 486 | + <!--头部--> | ||
| 487 | + <p class="mask_text"> | ||
| 488 | + 密码登录 | ||
| 489 | + </p> | ||
| 490 | + <!--中部输入信息栏--> | ||
| 491 | + <div class="mask_box_mid "> | ||
| 492 | + <div class="mask_box_text">+86 | ||
| 493 | + <div class="iconfont icon-jinlingyingcaiwangtubiao22"></div> | ||
| 494 | + </div> | ||
| 495 | + <input class="mask_box_mid_input" type="number" placeholder="手机号" min="1" max="10"> | ||
| 496 | + <input class="mask_box_mid_input" type="password" placeholder="密码" min="1" max="10"> | ||
| 497 | + </div> | ||
| 498 | + <!--登录按钮--> | ||
| 499 | + <div class="mask_box_sub">登录</div> | ||
| 500 | + <!--五种登录模式--> | ||
| 501 | + <div class="mask_box_model"> | ||
| 502 | + <div class="mask_box_model_sub"> | ||
| 503 | + <img src="images/peke.png"> | ||
| 504 | + </div> | ||
| 505 | + <div class="mask_box_model_sub"> | ||
| 506 | + <img src="images/peke.png"> | ||
| 507 | + </div> | ||
| 508 | + <div class="mask_box_model_sub"> | ||
| 509 | + <img src="images/peke.png"> | ||
| 510 | + </div> | ||
| 511 | + <div class="mask_box_model_sub"> | ||
| 512 | + <img src="images/peke.png"> | ||
| 513 | + </div> | ||
| 514 | + <div class="mask_box_model_sub"> | ||
| 515 | + <img src="images/e_mail.png"> | ||
| 516 | + </div> | ||
| 517 | + </div> | ||
| 518 | + <!--忘记密码 & 立即注册--> | ||
| 519 | + <div class="mask_box_bottom"> | ||
| 520 | + <div class="mask_box_bottom_text"> | ||
| 521 | + 忘记密码 | ||
| 522 | + </div> | ||
| 523 | + <div class="mask_box_bottom_text"> | ||
| 524 | + 立即注册 | ||
| 525 | + </div> | ||
| 526 | + </div> | ||
| 527 | + </div> | ||
| 528 | + </div> | ||
| 529 | + | ||
| 530 | + <!--动态层 -> 手机号注册--> | ||
| 531 | + <div class="mask phone_reg" style="display: none;"> | ||
| 532 | + <div class="mask_box"> | ||
| 533 | + <!--头部--> | ||
| 534 | + <div class="mask_box_top"> | ||
| 535 | + <p class="mask_text tel_size"> | ||
| 536 | + 手机号注册 | ||
| 537 | + </p> | ||
| 538 | + <p class="mask_email"> | ||
| 539 | + 邮箱注册 | ||
| 540 | + </p> | ||
| 541 | + </div> | ||
| 542 | + <!--中部输入信息栏--> | ||
| 543 | + <div class="mask_box_mid tel_margin"> | ||
| 544 | + <div class="mask_box_text">+86 | ||
| 545 | + <div class="iconfont icon-jinlingyingcaiwangtubiao22"></div> | ||
| 546 | + </div> | ||
| 547 | + <input class="mask_box_mid_input" type="number" placeholder="手机号"> | ||
| 548 | + <input class="mask_box_mid_input" type="number" placeholder="短信验证码"> | ||
| 549 | + <!--获取验证码--> | ||
| 550 | + <span class="mask_box_mid_input_code">获取验证码</span> | ||
| 551 | + <input class="mask_box_mid_input" type="password" placeholder="密码"> | ||
| 552 | + </div> | ||
| 553 | + <!--登录按钮--> | ||
| 554 | + <div class="mask_box_sub register">注册</div> | ||
| 555 | + <!--已有账号，立即登陆--> | ||
| 556 | + <div class="mask_box_account"> | ||
| 557 | + <p></p> | ||
| 558 | + <p class="mask_box_account_login">已有账号?立即登录</p> | ||
| 559 | + </div> | ||
| 560 | + <!--下划线--> | ||
| 561 | + <div class="mask_box_underline"> | ||
| 562 | + | ||
| 563 | + </div> | ||
| 564 | + <!--使用第三方登录--> | ||
| 565 | + <div class="mask_box_third"> | ||
| 566 | + 使用第三方登录 | ||
| 567 | + </div> | ||
| 568 | + <!--四种登录模式--> | ||
| 569 | + <div class="mask_box_model tel_top"> | ||
| 570 | + <div class="mask_box_model_sub"> | ||
| 571 | + <img src="images/peke.png"> | ||
| 572 | + </div> | ||
| 573 | + <div class="mask_box_model_sub"> | ||
| 574 | + <img src="images/peke.png"> | ||
| 575 | + </div> | ||
| 576 | + <div class="mask_box_model_sub"> | ||
| 577 | + <img src="images/peke.png"> | ||
| 578 | + </div> | ||
| 579 | + <div class="mask_box_model_sub"> | ||
| 580 | + <img src="images/peke.png"> | ||
| 581 | + </div> | ||
| 582 | + </div> | ||
| 583 | + <!--底部协议确定--> | ||
| 584 | + <div class="mask_box_t"> | ||
| 585 | + 注册表示您已阅读和同意《隐私协议》 | ||
| 586 | + </div> | ||
| 587 | + | ||
| 588 | + </div> | ||
| 589 | + </div> | ||
| 590 | + | ||
| 591 | + <!--动态层 -> 邮箱登录--> | ||
| 592 | + <div class="mask email_login" style="display: none;"> | ||
| 593 | + <div class="mask_box"> | ||
| 594 | + <!--头部--> | ||
| 595 | + <p class="mask_text"> | ||
| 596 | + 邮箱登录 | ||
| 597 | + </p> | ||
| 598 | + <!--中部输入信息栏--> | ||
| 599 | + <div class="mask_box_mid "> | ||
| 600 | + | ||
| 601 | + <input class="mask_box_mid_input" type="email" placeholder="邮箱"> | ||
| 602 | + <input class="mask_box_mid_input" type="password" placeholder="密码"> | ||
| 603 | + </div> | ||
| 604 | + <!--登录按钮--> | ||
| 605 | + <div class="mask_box_sub">登录</div> | ||
| 606 | + <!--五种登录模式--> | ||
| 607 | + <div class="mask_box_model"> | ||
| 608 | + <div class="mask_box_model_sub"> | ||
| 609 | + <img src="images/peke.png"> | ||
| 610 | + </div> | ||
| 611 | + <div class="mask_box_model_sub"> | ||
| 612 | + <img src="images/peke.png"> | ||
| 613 | + </div> | ||
| 614 | + <div class="mask_box_model_sub"> | ||
| 615 | + <img src="images/peke.png"> | ||
| 616 | + </div> | ||
| 617 | + <div class="mask_box_model_sub"> | ||
| 618 | + <img src="images/peke.png"> | ||
| 619 | + </div> | ||
| 620 | + <div class="mask_box_model_sub"> | ||
| 621 | + <img src="images/phone.png"> | ||
| 622 | + </div> | ||
| 623 | + </div> | ||
| 624 | + <!--忘记密码 & 立即注册--> | ||
| 625 | + <div class="mask_box_bottom"> | ||
| 626 | + <div class="mask_box_bottom_text"> | ||
| 627 | + 忘记密码 | ||
| 628 | + </div> | ||
| 629 | + <div class="mask_box_bottom_text"> | ||
| 630 | + 立即注册 | ||
| 631 | + </div> | ||
| 632 | + </div> | ||
| 633 | + </div> | ||
| 634 | + </div> | ||
| 635 | + | ||
| 636 | + <!--动态层 -> 立即登录，10秒后进入登录页--> | ||
| 637 | + <div class="now_sub now_sub1" style="display: none;"> | ||
| 638 | + <div class="mask_big"> | ||
| 639 | + 立即登录 | ||
| 640 | + </div> | ||
| 641 | + <div class="mask_small"> | ||
| 642 | + <span>10</span>秒后进入登录界面 | ||
| 643 | + </div> | ||
| 644 | + </div> | ||
| 645 | + | ||
| 646 | + <!--动态层 -> 邮箱注册--> | ||
| 647 | + <div class="mask email_reg" style="display: none;"> | ||
| 648 | + <div class="mask_box big_box"> | ||
| 649 | + <!--头部--> | ||
| 650 | + <div class="mask_box_top"> | ||
| 651 | + <p class="tel_register"> | ||
| 652 | + 手机号注册 | ||
| 653 | + </p> | ||
| 654 | + <p class="email_register"> | ||
| 655 | + 邮箱注册 | ||
| 656 | + </p> | ||
| 657 | + </div> | ||
| 658 | + <!--中部输入信息栏--> | ||
| 659 | + <div class="mask_box_mid tel_margin"> | ||
| 660 | + | ||
| 661 | + <div class="mask_underline"> | ||
| 662 | + <input class="mask_box_mid_input height_input" type="number" placeholder="邮箱"> | ||
| 663 | + </div> | ||
| 664 | + <span class="mask_box_mid_input_remind"> | ||
| 665 | + 不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符 | ||
| 666 | + </span> | ||
| 667 | + <div class="mask_underline"> | ||
| 668 | + <input class="mask_box_mid_input height_input" type="number" placeholder="8个字符以内的名称"> | ||
| 669 | + </div> | ||
| 670 | + <div class="mask_underline"> | ||
| 671 | + <input class="mask_box_mid_input height_input" type="password" placeholder="密码"> | ||
| 672 | + </div> | ||
| 673 | + </div> | ||
| 674 | + <!--登录按钮--> | ||
| 675 | + <div class="mask_box_sub register">点击验证</div> | ||
| 676 | + <!--已有账号，立即登陆--> | ||
| 677 | + <div class="mask_box_account"> | ||
| 678 | + <p></p> | ||
| 679 | + <p class="e_login">已有账号?立即登录</p> | ||
| 680 | + </div> | ||
| 681 | + <!--下划线--> | ||
| 682 | + <div class="mask_box_underline"> | ||
| 683 | + | ||
| 684 | + </div> | ||
| 685 | + <!--使用第三方登录--> | ||
| 686 | + <div class="mask_box_third"> | ||
| 687 | + 使用第三方登录 | ||
| 688 | + </div> | ||
| 689 | + <!--四种登录模式--> | ||
| 690 | + <div class="mask_box_model tel_top"> | ||
| 691 | + <div class="mask_box_model_sub"> | ||
| 692 | + <img src="images/peke.png"> | ||
| 693 | + </div> | ||
| 694 | + <div class="mask_box_model_sub"> | ||
| 695 | + <img src="images/peke.png"> | ||
| 696 | + </div> | ||
| 697 | + <div class="mask_box_model_sub"> | ||
| 698 | + <img src="images/peke.png"> | ||
| 699 | + </div> | ||
| 700 | + <div class="mask_box_model_sub"> | ||
| 701 | + <img src="images/peke.png"> | ||
| 702 | + </div> | ||
| 703 | + </div> | ||
| 704 | + <!--底部协议确定--> | ||
| 705 | + <div class="mask_box_t"> | ||
| 706 | + 注册表示您已阅读和同意《隐私协议》 | ||
| 707 | + </div> | ||
| 708 | + | ||
| 709 | + </div> | ||
| 710 | + </div> | ||
| 711 | + | ||
| 712 | + <!--动态层 -> 我们已向你的邮箱:xx发送--> | ||
| 713 | + <div class="now_sub" style="display: none;"> | ||
| 714 | + <div class="mask_big"> | ||
| 715 | + 我们已向你的邮箱: | ||
| 716 | + </div> | ||
| 717 | + <div class="mask_middle"> | ||
| 718 | + XXXXX发送一封验证邮箱 | ||
| 719 | + </div> | ||
| 720 | + <div class="mask_s"> | ||
| 721 | + 请进入邮箱查看邮件，完成邮箱验证 | ||
| 722 | + </div> | ||
| 723 | + </div> | ||
| 724 | + | ||
| 725 | + <!--动态层 -> 找回密码--> | ||
| 726 | + <div class="mask back_find" style="display: none;"> | ||
| 727 | + <div class="mask_find"> | ||
| 728 | + <!--找回密码--> | ||
| 729 | + <div class="mask_find_big"> | ||
| 730 | + 找回密码 | ||
| 731 | + </div> | ||
| 732 | + <div class="mask_find_small"> | ||
| 733 | + 验证码将会发送到你的邮箱或者手机 | ||
| 734 | + </div> | ||
| 735 | + <!--请输入手机号/邮箱--> | ||
| 736 | + <div class="mask_find_box"> | ||
| 737 | + <input class="mask_find_box_input" placeholder="请输入手机号/邮箱"> | ||
| 738 | + </div> | ||
| 739 | + <!--下一步--> | ||
| 740 | + <div class="mask_find_next"> | ||
| 741 | + 下一步 | ||
| 742 | + </div> | ||
| 743 | + </div> | ||
| 744 | + </div> | ||
| 745 | + | ||
| 746 | + <!--动态层 -> 验证手机有效性--> | ||
| 747 | + <div class="mask back_find2" style="display: none;"> | ||
| 748 | + <div class="mask_find"> | ||
| 749 | + <!--找回密码--> | ||
| 750 | + <div class="mask_find_big"> | ||
| 751 | + 验证手机有效性 | ||
| 752 | + </div> | ||
| 753 | + <div class="mask_find_small"> | ||
| 754 | + 验证码已经发送至手机：13987654321 | ||
| 755 | + </div> | ||
| 756 | + <!--请输入验证码--> | ||
| 757 | + <div class="mask_find_box"> | ||
| 758 | + <input class="mask_find_box_input width_input" placeholder="请输入验证码"> | ||
| 759 | + <div class="mask_find_box_small">23秒后重新获取</div> | ||
| 760 | + </div> | ||
| 761 | + <!--请输入密码--> | ||
| 762 | + <div class="mask_find_box"> | ||
| 763 | + <input class="mask_find_box_input" placeholder="请输入密码"> | ||
| 764 | + </div> | ||
| 765 | + <!--下一步--> | ||
| 766 | + <div class="mask_find_next"> | ||
| 767 | + 下一步 | ||
| 768 | + </div> | ||
| 769 | + </div> | ||
| 770 | + </div> | ||
| 771 | + | ||
| 772 | + <!--动态层 -> 验证邮箱有效性--> | ||
| 773 | + <div class="mask find" style="display: none;"> | ||
| 774 | + <div class="mask_find"> | ||
| 775 | + <!--验证邮箱有效性--> | ||
| 776 | + <div class="mask_find_big"> | ||
| 777 | + 验证邮箱有效性 | ||
| 778 | + </div> | ||
| 779 | + <div class="mask_find_small"> | ||
| 780 | + 验证码已经发送至邮箱：maplestory@gmail.com | ||
| 781 | + </div> | ||
| 782 | + <!--请输入验证码--> | ||
| 783 | + <div class="mask_find_box"> | ||
| 784 | + <input class="mask_find_box_input width_input" placeholder="请输入验证码"> | ||
| 785 | + <div class="mask_find_box_small">23秒后重新获取</div> | ||
| 786 | + </div> | ||
| 787 | + <!--请输入密码--> | ||
| 788 | + <div class="mask_find_box"> | ||
| 789 | + <input class="mask_find_box_input" placeholder="请输入密码"> | ||
| 790 | + </div> | ||
| 791 | + <!--下一步--> | ||
| 792 | + <div class="mask_find_next"> | ||
| 793 | + 下一步 | ||
| 794 | + </div> | ||
| 795 | + </div> | ||
| 796 | + </div> | ||
| 797 | + <!--设置昵称--> | ||
| 798 | + <div class="mask fit" style="display: none;"> | ||
| 799 | + <div class="fit_name"> | ||
| 800 | + <div class="fit_name_title"> | ||
| 801 | + 设置昵称 | ||
| 802 | + <img src="images/close.png" alt=""> | ||
| 803 | + </div> | ||
| 804 | + <div class="fit_name_main"> | ||
| 805 | + <form action=""> | ||
| 806 | + <input type="text" name="" id="" placeholder="请设置您的昵称"> | ||
| 807 | + <p>不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符</p> | ||
| 808 | + <button type="button">完成</button> | ||
| 809 | + </form> | ||
| 810 | + </div> | ||
| 811 | + </div> | ||
| 812 | + </div> | ||
| 813 | + <!--手机号设置--> | ||
| 814 | + <div class="mask " style="display: none;"> | ||
| 815 | + <div class="mask_box m_top"> | ||
| 816 | + <!--标题--> | ||
| 817 | + <div class="mask_tel"> | ||
| 818 | + 手机号设置 | ||
| 819 | + </div> | ||
| 820 | + <!--输入框盒子--> | ||
| 821 | + <div class="mask_box_i"> | ||
| 822 | + <!--新手机号--> | ||
| 823 | + <div class="mask_new"> | ||
| 824 | + <input class="mask_new_input" type="text" placeholder="新手机号"> | ||
| 825 | + </div> | ||
| 826 | + <!--输入验证码--> | ||
| 827 | + <div class="mask_new border_no"> | ||
| 828 | + <div class="mask_new"> | ||
| 829 | + <input class="mask_new_small" type="text" placeholder="输入验证码"> | ||
| 830 | + </div> | ||
| 831 | + <div class="mask_new_text">获取验证码</div> | ||
| 832 | + </div> | ||
| 833 | + <!--底部按钮--> | ||
| 834 | + <div class="mask_tel_button"> | ||
| 835 | + <!--左边取消--> | ||
| 836 | + <div class="mask_tel_button_left"> | ||
| 837 | + 取消 | ||
| 838 | + </div> | ||
| 839 | + <!--右边保存--> | ||
| 840 | + <div class="mask_tel_button_right"> | ||
| 841 | + 保存 | ||
| 842 | + </div> | ||
| 843 | + </div> | ||
| 844 | + </div> | ||
| 845 | + </div> | ||
| 846 | + </div> | ||
| 847 | + | ||
| 848 | + <!--安全验证--> | ||
| 849 | + <div class="mask " style="display: none;"> | ||
| 850 | + <div class="mask_box m_top"> | ||
| 851 | + <!--标题--> | ||
| 852 | + <div class="mask_tel"> | ||
| 853 | + 安全认证 | ||
| 854 | + </div> | ||
| 855 | + <!--输入框盒子--> | ||
| 856 | + <div class="mask_box_i"> | ||
| 857 | + <!--使用手机号--> | ||
| 858 | + <div class="mask_new"> | ||
| 859 | + <input class="mask_new_input" type="text" value="使用手机号134****2359"> | ||
| 860 | + </div> | ||
| 861 | + <!--输入验证码--> | ||
| 862 | + <div class="mask_new border_no"> | ||
| 863 | + <div class="mask_new"> | ||
| 864 | + <input class="mask_new_small" type="text" placeholder="输入验证码"> | ||
| 865 | + </div> | ||
| 866 | + <div class="mask_new_text">获取验证码</div> | ||
| 867 | + </div> | ||
| 868 | + <!--底部按钮--> | ||
| 869 | + <div class="mask_ver_button"> | ||
| 870 | + 验证 | ||
| 871 | + </div> | ||
| 872 | + </div> | ||
| 873 | + </div> | ||
| 874 | + </div> | ||
| 875 | + | ||
| 876 | + <!--设置昵称--> | ||
| 877 | + <div class="mask " style="display: none;"> | ||
| 878 | + <div class="mask_name"> | ||
| 879 | + <!--关闭按钮--> | ||
| 880 | + <!--<div class="iconfont iconguanbi"></div>--> | ||
| 881 | + <!--设置昵称--> | ||
| 882 | + <div class="mask_name_title"> | ||
| 883 | + 设置昵称 | ||
| 884 | + </div> | ||
| 885 | + <!--昵称输入框--> | ||
| 886 | + <div class="mask_name_input"> | ||
| 887 | + <input class="nickname" type="text" placeholder="请设置您的昵称"> | ||
| 888 | + </div> | ||
| 889 | + <!--提示文字--> | ||
| 890 | + <div class="mask_name_hint"> | ||
| 891 | + 不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符 | ||
| 892 | + </div> | ||
| 893 | + <!--提交完成按钮--> | ||
| 894 | + <div class="mask_name_sub"> | ||
| 895 | + 完成 | ||
| 896 | + </div> | ||
| 897 | + </div> | ||
| 898 | + </div> | ||
| 899 | + | ||
| 900 | + <!--绑定手机号继续--> | ||
| 901 | + <div class="mask " style="display: none;"> | ||
| 902 | + <div class="mask_name tel_height"> | ||
| 903 | + <!--关闭按钮--> | ||
| 904 | + <!--<div class="iconfont iconguanbi"></div>--> | ||
| 905 | + <!--设置昵称--> | ||
| 906 | + <div class="mask_name_title"> | ||
| 907 | + 绑定手机号继续 | ||
| 908 | + </div> | ||
| 909 | + <!--头像--> | ||
| 910 | + <div class="mask_tel_box"> | ||
| 911 | + <div class="mask_tel_box_pic"> | ||
| 912 | + <img src="images/1.png"> | ||
| 913 | + </div> | ||
| 914 | + <p>你好啊小明同学</p> | ||
| 915 | + </div> | ||
| 916 | + <!--昵称输入框--> | ||
| 917 | + <div class="mask_name_input"> | ||
| 918 | + <input class="nickname" type="text" placeholder="请设置您的昵称"> | ||
| 919 | + </div> | ||
| 920 | + <!--提示文字--> | ||
| 921 | + <!--<div class="mask_name_hint">--> | ||
| 922 | + <!--不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符--> | ||
| 923 | + <!--</div>--> | ||
| 924 | + <!--提交完成按钮--> | ||
| 925 | + <div class="mask_name_sub margin_to"> | ||
| 926 | + 下一步 | ||
| 927 | + </div> | ||
| 928 | + <!--跳过--> | ||
| 929 | + <div class="mask_jump"> | ||
| 930 | + 跳过这一步 | ||
| 931 | + </div> | ||
| 932 | + </div> | ||
| 933 | + </div> | ||
| 934 | + | ||
| 935 | + <!--解绑账号--> | ||
| 936 | + <div class="mask " style="display: none;"> | ||
| 937 | + <div class="mask_name"> | ||
| 938 | + <!--关闭按钮--> | ||
| 939 | + <!--<div class="iconfont iconguanbi"></div>--> | ||
| 940 | + <!--设置昵称--> | ||
| 941 | + <div class="mask_name_title"> | ||
| 942 | + 解绑账号 | ||
| 943 | + </div> | ||
| 944 | + <!--设置其他登录方式--> | ||
| 945 | + <div class="mask_name_way"> | ||
| 946 | + 请设置其他登录方式后再解绑 | ||
| 947 | + </div> | ||
| 948 | + <!--提交完成按钮--> | ||
| 949 | + <div class="mask_name_sub way_top"> | ||
| 950 | + 完成 | ||
| 951 | + </div> | ||
| 952 | + </div> | ||
| 953 | + </div> | ||
| 954 | + | ||
| 955 | + <!--解绑账号2--> | ||
| 956 | + <div class="mask " style="display: none;"> | ||
| 957 | + <div class="mask_name"> | ||
| 958 | + <!--关闭按钮--> | ||
| 959 | + <!--<div class="iconfont iconguanbi"></div>--> | ||
| 960 | + <!--设置昵称--> | ||
| 961 | + <div class="mask_name_title"> | ||
| 962 | + 解绑账号 | ||
| 963 | + </div> | ||
| 964 | + <!--设置其他登录方式--> | ||
| 965 | + <div class="mask_name_way"> | ||
| 966 | + 请设置其他登录方式后再解绑 | ||
| 967 | + | ||
| 968 | + </div> | ||
| 969 | + <!--提交完成按钮--> | ||
| 970 | + <div class="mask_way_sub"> | ||
| 971 | + <div class="mask_way_sub_left">取消</div> | ||
| 972 | + <div class="mask_way_sub_right">确定</div> | ||
| 973 | + </div> | ||
| 974 | + </div> | ||
| 975 | + </div> | ||
| 976 | + | ||
| 977 | + <!--设置新密码--> | ||
| 978 | + <div class="mask " style="display: none;"> | ||
| 979 | + <div class="mask_box m_top"> | ||
| 980 | + <!--标题--> | ||
| 981 | + <div class="mask_tel"> | ||
| 982 | + 设置密码 | ||
| 983 | + </div> | ||
| 984 | + <!--输入框盒子--> | ||
| 985 | + <div class="mask_box_i"> | ||
| 986 | + <!--设置新密码--> | ||
| 987 | + <div class="mask_new"> | ||
| 988 | + <input class="mask_new_input" type="text" placeholder="设置新密码"> | ||
| 989 | + </div> | ||
| 990 | + <!--输入验证码--> | ||
| 991 | + <div class="mask_new"> | ||
| 992 | + <input class="mask_new_input" type="text" placeholder="再次输入密码"> | ||
| 993 | + </div> | ||
| 994 | + <!--底部按钮--> | ||
| 995 | + <div class="mask_tel_button"> | ||
| 996 | + <!--左边取消--> | ||
| 997 | + <div class="mask_tel_button_left"> | ||
| 998 | + 取消 | ||
| 999 | + </div> | ||
| 1000 | + <!--右边保存--> | ||
| 1001 | + <div class="mask_tel_button_right"> | ||
| 1002 | + 确定 | ||
| 1003 | + </div> | ||
| 1004 | + </div> | ||
| 1005 | + </div> | ||
| 1006 | + </div> | ||
| 1007 | + </div> | ||
| 1008 | + | ||
| 1009 | + <!--设置邮箱--> | ||
| 1010 | + <div class="mask " style="display: none;"> | ||
| 1011 | + <div class="mask_box m_top"> | ||
| 1012 | + <!--标题--> | ||
| 1013 | + <div class="mask_tel"> | ||
| 1014 | + 设置邮箱 | ||
| 1015 | + </div> | ||
| 1016 | + <!--输入框盒子--> | ||
| 1017 | + <div class="mask_box_i"> | ||
| 1018 | + <!--新手机号--> | ||
| 1019 | + <div class="mask_new"> | ||
| 1020 | + <input class="mask_new_input" type="text" placeholder="新增邮箱"> | ||
| 1021 | + </div> | ||
| 1022 | + <!--输入验证码--> | ||
| 1023 | + <div class="mask_new border_no"> | ||
| 1024 | + <div class="mask_new"> | ||
| 1025 | + <input class="mask_new_small" type="text" placeholder="邮箱验证码"> | ||
| 1026 | + </div> | ||
| 1027 | + <div class="mask_new_text">获取验证码</div> | ||
| 1028 | + </div> | ||
| 1029 | + <!--底部按钮--> | ||
| 1030 | + <div class="mask_tel_button"> | ||
| 1031 | + <!--左边取消--> | ||
| 1032 | + <div class="mask_tel_button_left"> | ||
| 1033 | + 取消 | ||
| 1034 | + </div> | ||
| 1035 | + <!--右边保存--> | ||
| 1036 | + <div class="mask_tel_button_right"> | ||
| 1037 | + 确定 | ||
| 1038 | + </div> | ||
| 1039 | + </div> | ||
| 1040 | + </div> | ||
| 1041 | + </div> | ||
| 1042 | + </div> | ||
| 1043 | + | ||
| 1044 | + <!--内容提交--> | ||
| 1045 | + <div class="mask" style="display: none;"> | ||
| 1046 | + <div class="mask_box submit_height"> | ||
| 1047 | + <div class="mask_submit_text"> | ||
| 1048 | + <p> | ||
| 1049 | + 内容已成功提交，我们将尽快审核。 | ||
| 1050 | + </p> | ||
| 1051 | + <p> | ||
| 1052 | + （结果将通过站内信告知） | ||
| 1053 | + </p> | ||
| 1054 | + </div> | ||
| 1055 | + <div class="mask_submit_bottom"> | ||
| 1056 | + 确定 | ||
| 1057 | + </div> | ||
| 1058 | + </div> | ||
| 1059 | + </div> | ||
| 1060 | + | ||
| 1061 | + <!--隐私协议--> | ||
| 1062 | + <div class="mask" style="display: none;"> | ||
| 1063 | + <div class="mask_box_a"> | ||
| 1064 | + <!--大标题--> | ||
| 1065 | + <div class="mask_title"> | ||
| 1066 | + 隐私协议 | ||
| 1067 | + </div> | ||
| 1068 | + <!--小标题--> | ||
| 1069 | + <div class="mask_small_text"> | ||
| 1070 | + | ||
| 1071 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1072 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1073 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1074 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1075 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1076 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1077 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1078 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1079 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1080 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1081 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1082 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1083 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1084 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1085 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1086 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1087 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1088 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1089 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1090 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1091 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1092 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1093 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1094 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1095 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1096 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1097 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1098 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1099 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1100 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1101 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1102 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1103 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1104 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1105 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1106 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1107 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1108 | + | ||
| 1109 | + | ||
| 1110 | + </div> | ||
| 1111 | + </div> | ||
| 1112 | + </div> | ||
| 1113 | + <!--关于我们--> | ||
| 1114 | + <div class="mask" style="display: none;"> | ||
| 1115 | + <div class="mask_box_a"> | ||
| 1116 | + <!--大标题--> | ||
| 1117 | + <div class="mask_title"> | ||
| 1118 | + 关于我们 | ||
| 1119 | + </div> | ||
| 1120 | + <!--小标题--> | ||
| 1121 | + <div class="mask_small_text"> | ||
| 1122 | + | ||
| 1123 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1124 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1125 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1126 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1127 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1128 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1129 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1130 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1131 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1132 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1133 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1134 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1135 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1136 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1137 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1138 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1139 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1140 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1141 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1142 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1143 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1144 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1145 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1146 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1147 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1148 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1149 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1150 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1151 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1152 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1153 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1154 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1155 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1156 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1157 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1158 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1159 | + 一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关 | ||
| 1160 | + | ||
| 1161 | + | ||
| 1162 | + </div> | ||
| 1163 | + </div> | ||
| 1164 | + </div> | ||
| 1165 | + </div> | ||
| 1166 | + <div id="message_info" class="growl" style="display:none;"> | ||
| 1167 | + <div id="message_content" class="growl-item alert message_error"></div> | ||
| 1168 | + </div> | ||
| 418 | </body> | 1169 | </body> |
| 419 | <script> | 1170 | <script> |
| 1171 | + $(".top_d_input").on('keypress', function(e) { | ||
| 1172 | + var keycode = e.keyCode; | ||
| 1173 | + var searchName = $(this).val(); | ||
| 1174 | + if (keycode == '13') { | ||
| 1175 | + e.preventDefault(); | ||
| 1176 | + //请求搜索接口 | ||
| 1177 | + | ||
| 1178 | + } | ||
| 1179 | + }); | ||
| 1180 | + $('#top_d_input').on('submit', function(e) { | ||
| 1181 | + // ... | ||
| 1182 | + //搜索 | ||
| 1183 | + }); | ||
| 1184 | + | ||
| 420 | //点击打开菜单 | 1185 | //点击打开菜单 |
| 421 | - $('.icon-caidan').click(function () { | 1186 | + $('.icon-caidan').click(function() { |
| 422 | console.log(11) | 1187 | console.log(11) |
| 423 | $('.menu_item').slideToggle(); | 1188 | $('.menu_item').slideToggle(); |
| 424 | - // 关闭图片功能 2019.4.8 | ||
| 425 | - // if($(this).hasClass("icon-caidan")){ | ||
| 426 | - // $(this).addClass("icon-guanbi"); | ||
| 427 | - // $(this).removeClass("icon-caidan"); | ||
| 428 | - // $("body").css("overflow","hidden"); | ||
| 429 | - // }else{ | ||
| 430 | - // $(this).removeClass("icon-guanbi"); | ||
| 431 | - // $(this).addClass("icon-caidan"); | ||
| 432 | - // $("body").css("overflow","auto"); | ||
| 433 | - // } | 1189 | +// 关闭图片功能 2019.4.8 |
| 1190 | +// if($(this).hasClass("icon-caidan")){ | ||
| 1191 | +// $(this).addClass("icon-guanbi"); | ||
| 1192 | +// $(this).removeClass("icon-caidan"); | ||
| 1193 | +// $("body").css("overflow","hidden"); | ||
| 1194 | +// }else{ | ||
| 1195 | +// $(this).removeClass("icon-guanbi"); | ||
| 1196 | +// $(this).addClass("icon-caidan"); | ||
| 1197 | +// $("body").css("overflow","auto"); | ||
| 1198 | +// } | ||
| 434 | }) | 1199 | }) |
| 435 | 1200 | ||
| 436 | //地址跳转 | 1201 | //地址跳转 |
| 437 | - $('.index_jump').click(function () { | 1202 | + $('.index_jump').click(function() { |
| 438 | window.location.href = 'index.html' | 1203 | window.location.href = 'index.html' |
| 439 | }) | 1204 | }) |
| 440 | - $('.rwxq_jump').click(function () { | 1205 | + $('.rwxq_jump').click(function() { |
| 441 | window.location.href = 'rwxq.html' | 1206 | window.location.href = 'rwxq.html' |
| 442 | }) | 1207 | }) |
| 443 | - $('.grzy_jump').click(function () { | 1208 | + $('.grzy_jump').click(function() { |
| 444 | window.location.href = 'grzy.html' | 1209 | window.location.href = 'grzy.html' |
| 445 | }) | 1210 | }) |
| 446 | - $('.spxq_jump').click(function () { | 1211 | + $('.spxq_jump').click(function() { |
| 447 | window.location.href = 'grzy.html' | 1212 | window.location.href = 'grzy.html' |
| 448 | }) | 1213 | }) |
| 449 | 1214 | ||
| 450 | - //点击打开视频 | ||
| 451 | - $('.video_player').click(function () { | ||
| 452 | - $('.mask_2').css("display","flex"); | ||
| 453 | - | 1215 | + //点击打开视频详情 |
| 1216 | + $('.video_player').click(function() { | ||
| 1217 | + // $('.mask_2').css("display", "flex");z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z | ||
| 1218 | + location.href = "spxq.html" | ||
| 454 | }) | 1219 | }) |
| 455 | 1220 | ||
| 456 | // 点击关闭视频 | 1221 | // 点击关闭视频 |
| 457 | - $('.icon-guanbi').click(function () { | ||
| 458 | - $('.mask_2').css("display","none") | 1222 | + $('.icon-guanbi').click(function() { |
| 1223 | + $('.mask_2').css("display", "none") | ||
| 459 | var video = document.getElementById('video_1'); | 1224 | var video = document.getElementById('video_1'); |
| 460 | video.pause() | 1225 | video.pause() |
| 461 | }) | 1226 | }) |
| 462 | 1227 | ||
| 463 | //点击图片进入视频详情 | 1228 | //点击图片进入视频详情 |
| 464 | - $('.pic_box').click(function () { | 1229 | + $('.pic_box').click(function() { |
| 465 | window.location.href = "spxq.html" | 1230 | window.location.href = "spxq.html" |
| 466 | }) | 1231 | }) |
| 467 | 1232 | ||
| 468 | 1233 | ||
| 469 | - var swiper = new Swiper('.swiper-container',{ | 1234 | + var swiper = new Swiper('.swiper-container', { |
| 470 | 1235 | ||
| 471 | - loop: true, // 循环模式选项 | ||
| 472 | - // autoplay: { | ||
| 473 | - // delay: 1000, | ||
| 474 | - // disableOnInteraction: false, | ||
| 475 | - // }, | 1236 | + loop: true, |
| 1237 | + // 循环模式选项 | ||
| 1238 | + autoplay: { | ||
| 1239 | + delay: 2000, | ||
| 1240 | + disableOnInteraction: false, | ||
| 1241 | + }, | ||
| 476 | pagination: { | 1242 | pagination: { |
| 477 | el: '.swiper-pagination', | 1243 | el: '.swiper-pagination', |
| 478 | }, | 1244 | }, |
| 479 | }); | 1245 | }); |
| 1246 | + var addMessage = function(type, message) { | ||
| 1247 | + $("#message_content").html(""); | ||
| 1248 | + $("#message_content").removeClass("message_success"); | ||
| 1249 | + $("#message_content").removeClass("message_error"); | ||
| 1250 | + if (message != null && message != '') { | ||
| 1251 | + if (type == 'success') { | ||
| 1252 | + $("#message_content").addClass("message_success"); | ||
| 1253 | + } else { | ||
| 1254 | + $("#message_content").addClass("message_error"); | ||
| 1255 | + } | ||
| 1256 | + $("#message_content").html(message); | ||
| 1257 | + $("#message_info").fadeIn(); | ||
| 1258 | + setTimeout(function() { | ||
| 1259 | + $("#message_info").fadeOut(); | ||
| 1260 | + }, 2000); | ||
| 1261 | + }; | ||
| 1262 | + }; | ||
| 1263 | + // $('body').click(function() { | ||
| 1264 | + // addMessage('success', '修改成功'); | ||
| 1265 | + // }) | ||
| 1266 | + | ||
| 1267 | + | ||
| 1268 | + //登录 | ||
| 1269 | + $('.top_t_right_login,.email_login .mask_box_model .mask_box_model_sub:last-child').click(function() { | ||
| 1270 | + $('.mask').hide() | ||
| 1271 | + $('.now_sub').hide() | ||
| 1272 | + $('.email_reg').hide() | ||
| 1273 | + $('.mask_pswd').show() | ||
| 1274 | + $('.email_login').hide() | ||
| 1275 | + }) | ||
| 1276 | + //点击登陆 | ||
| 1277 | + $('.mask_pswd .mask_box_sub,.email_login .mask_box_sub').click(function() { | ||
| 1278 | + addMessage('success', '登录成功'); | ||
| 1279 | + $('.mask').hide() | ||
| 1280 | + | ||
| 1281 | + $('.top_t_right_text').hide() | ||
| 1282 | + $('.top_t_right_pic').show() | ||
| 1283 | + }) | ||
| 1284 | + //注册 | ||
| 1285 | + $('.top_t_right_reg').click(function() { | ||
| 1286 | + $('.mask_pswd').hide() | ||
| 1287 | + $('.phone_reg').show() | ||
| 1288 | + $('body').css('overflow-y', 'hidden') | ||
| 1289 | + | ||
| 1290 | + }) | ||
| 1291 | + //手机注册 | ||
| 1292 | + $('.mask_pswd .mask_box_bottom .mask_box_bottom_text:last-child').click(function() { | ||
| 1293 | + $('.mask_pswd').hide() | ||
| 1294 | + $('.phone_reg').show() | ||
| 1295 | + }) | ||
| 1296 | + //手机立即登录 | ||
| 1297 | + $('.phone_reg .register').click(function() { | ||
| 1298 | + addMessage('success', '注册成功'); | ||
| 1299 | + $('.mask').hide() | ||
| 1300 | + $('.now_sub1').show() | ||
| 1301 | + //三秒后弹出登录 | ||
| 1302 | + var timer = setInterval(function() { | ||
| 1303 | + doItPerSecond(); | ||
| 1304 | + }, 1000) | ||
| 1305 | + var num = 4; | ||
| 1306 | + | ||
| 1307 | + function doItPerSecond() { | ||
| 1308 | + //dosomething... | ||
| 1309 | + num--; | ||
| 1310 | + var time = parseInt($('.mask_small span').html()) | ||
| 1311 | + $('.mask_small span').html(num) | ||
| 1312 | + if (num == 0) { | ||
| 1313 | + // alert(1) | ||
| 1314 | + window.clearInterval(timer); | ||
| 1315 | + $('.now_sub1').hide() | ||
| 1316 | + $('.mask_pswd').show() | ||
| 1317 | + } | ||
| 1318 | + console.log(num); | ||
| 1319 | + } | ||
| 1320 | + }) | ||
| 1321 | + //手机找回密码 | ||
| 1322 | + $('.mask_pswd .mask_box_bottom .mask_box_bottom_text:first-child').click(function() { | ||
| 1323 | + $('.mask_pswd').hide() | ||
| 1324 | + $('.back_find').show() | ||
| 1325 | + }) | ||
| 1326 | + //手机找回密码2 | ||
| 1327 | + $('.back_find .mask_find_next').click(function() { | ||
| 1328 | + $('.back_find').hide() | ||
| 1329 | + $('.back_find2').show() | ||
| 1330 | + }) | ||
| 1331 | + //已有帐号，立即登录 | ||
| 1332 | + $('.mask_box_account_login').click(function() { | ||
| 1333 | + $('.phone_reg').hide() | ||
| 1334 | + $('.mask_pswd').show() | ||
| 1335 | + | ||
| 1336 | + }) | ||
| 1337 | + //邮箱注册 | ||
| 1338 | + $('.mask_email,.email_login .mask_box_bottom .mask_box_bottom_text:nth-child(2)').click(function() { | ||
| 1339 | + $('.phone_reg').hide() | ||
| 1340 | + $('.email_login').hide() | ||
| 1341 | + $('.email_reg').show() | ||
| 1342 | + | ||
| 1343 | + }) | ||
| 1344 | + $('.mask email_login').click(function() { | ||
| 1345 | + $('.email_login').hide() | ||
| 1346 | + $('.email_reg').show() | ||
| 1347 | + }) | ||
| 1348 | + //手机号注册 | ||
| 1349 | + $('.tel_register').click(function() { | ||
| 1350 | + $('.phone_reg').show() | ||
| 1351 | + $('.email_reg').hide() | ||
| 1352 | + }) | ||
| 1353 | + //邮箱登录 | ||
| 1354 | + $('.e_login,.mask_pswd .mask_box_model .mask_box_model_sub:last-child').click(function() { | ||
| 1355 | + $('.email_reg').hide() | ||
| 1356 | + $('.mask,.mask_pswd').hide() | ||
| 1357 | + $('.email_login').show() | ||
| 1358 | + | ||
| 1359 | + }) | ||
| 1360 | + | ||
| 1361 | + //立即登录 | ||
| 1362 | + $('.back_find2 .mask_find_next').click(function() { | ||
| 1363 | + // alert(1) | ||
| 1364 | + $('.now_sub1').show() | ||
| 1365 | + $('.back_find2').hide() | ||
| 1366 | + var timer = setInterval(function() { | ||
| 1367 | + doItPerSecond(); | ||
| 1368 | + }, 1000) | ||
| 1369 | + var num = 4; | ||
| 1370 | + | ||
| 1371 | + function doItPerSecond() { | ||
| 1372 | + //dosomething... | ||
| 1373 | + num--; | ||
| 1374 | + var time = parseInt($('.mask_small span').html()) | ||
| 1375 | + $('.mask_small span').html(num) | ||
| 1376 | + if (num == 0) { | ||
| 1377 | + // alert(1) | ||
| 1378 | + window.clearInterval(timer); | ||
| 1379 | + $('.now_sub1').hide() | ||
| 1380 | + $('.mask_pswd').show() | ||
| 1381 | + } | ||
| 1382 | + console.log(num); | ||
| 1383 | + } | ||
| 1384 | + }) | ||
| 1385 | + // | ||
| 1386 | + $('.top_t_right_pic img').click(function() { | ||
| 1387 | + $('.head_right_nav').toggle() | ||
| 1388 | + }) | ||
| 1389 | + //搜索 | ||
| 1390 | + $("#keyword").on('keypress', function(e) { | ||
| 1391 | + var keycode = e.keyCode; | ||
| 1392 | + var searchName = $(this).val(); | ||
| 1393 | + if (keycode == '13') { | ||
| 1394 | + e.preventDefault(); | ||
| 1395 | + //请求搜索接口 | ||
| 1396 | + //alert('1') | ||
| 1397 | + var val = $('#keyword').val(); | ||
| 1398 | + | ||
| 1399 | + if (val == '') { | ||
| 1400 | + // addMessage('success', '请输入内容'); | ||
| 1401 | + window.location.href = "search_no.html"; | ||
| 1402 | + | ||
| 1403 | + } else { | ||
| 1404 | + window.location.href = "search.html"; | ||
| 1405 | + return false; | ||
| 1406 | + } | ||
| 1407 | + } | ||
| 1408 | + }); | ||
| 1409 | + | ||
| 480 | </script> | 1410 | </script> |
| 1411 | + | ||
| 481 | </html> | 1412 | </html> |
| @@ -21,10 +21,10 @@ | @@ -21,10 +21,10 @@ | ||
| 21 | }(window); | 21 | }(window); |
| 22 | 22 | ||
| 23 | //回退 | 23 | //回退 |
| 24 | -window.onload = function(){ | 24 | +window.onload = function () { |
| 25 | var $back = document.getElementsByClassName('back')[0]; | 25 | var $back = document.getElementsByClassName('back')[0]; |
| 26 | - if($back){ | ||
| 27 | - $back.onclick=function(){ | 26 | + if ($back) { |
| 27 | + $back.onclick = function () { | ||
| 28 | window.history.back() | 28 | window.history.back() |
| 29 | } | 29 | } |
| 30 | } | 30 | } |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>联系我们</title> | 6 | <title>联系我们</title> |
| 6 | <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | 7 | <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> |
| 7 | 8 | ||
| 8 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 9 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| 10 | + <link rel="stylesheet" href="css/public.css"> | ||
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 11 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | <link rel="stylesheet" type="text/css" href="css/lxwm.css"> | 12 | <link rel="stylesheet" type="text/css" href="css/lxwm.css"> |
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> | 13 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> |
| 14 | + <link rel="stylesheet" href="css/public.css"> | ||
| 12 | <script src="js/base.js"></script> | 15 | <script src="js/base.js"></script> |
| 13 | <script src="js/jquery.min.js"></script> | 16 | <script src="js/jquery.min.js"></script> |
| 14 | 17 | ||
| 15 | <style> | 18 | <style> |
| 16 | - .icon-caidan{ | 19 | + .icon-caidan { |
| 17 | font-size: 0.5rem; | 20 | font-size: 0.5rem; |
| 18 | } | 21 | } |
| 19 | - .icon-magnifier{ | 22 | + |
| 23 | + .icon-magnifier { | ||
| 20 | color: #999999; | 24 | color: #999999; |
| 21 | } | 25 | } |
| 22 | 26 | ||
| 23 | - .f_size{ | 27 | + .f_size { |
| 24 | font-weight: normal; | 28 | font-weight: normal; |
| 25 | font-size: 0.18rem; | 29 | font-size: 0.18rem; |
| 26 | } | 30 | } |
| 27 | - .icon-xiugai{ | 31 | + |
| 32 | + .icon-xiugai { | ||
| 28 | margin-left: 0.15rem; | 33 | margin-left: 0.15rem; |
| 29 | font-size: 0.3rem; | 34 | font-size: 0.3rem; |
| 30 | color: #999999; | 35 | color: #999999; |
| @@ -32,29 +37,33 @@ | @@ -32,29 +37,33 @@ | ||
| 32 | font-weight: bold; | 37 | font-weight: bold; |
| 33 | align-items: center; | 38 | align-items: center; |
| 34 | } | 39 | } |
| 35 | - .top_dot{ | 40 | + |
| 41 | + .top_dot { | ||
| 36 | width: 0.08rem; | 42 | width: 0.08rem; |
| 37 | height: 0.08rem; | 43 | height: 0.08rem; |
| 38 | - background:rgba(166,16,16,1); | ||
| 39 | - border:1px solid rgba(255, 255, 255, 1); | 44 | + background: rgba(166, 16, 16, 1); |
| 45 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 40 | border-radius: 50%; | 46 | border-radius: 50%; |
| 41 | position: absolute; | 47 | position: absolute; |
| 42 | top: 0; | 48 | top: 0; |
| 43 | right: 0; | 49 | right: 0; |
| 44 | } | 50 | } |
| 45 | - .color_black{ | 51 | + |
| 52 | + .color_black { | ||
| 46 | color: black; | 53 | color: black; |
| 47 | } | 54 | } |
| 48 | - .margin_t{ | 55 | + |
| 56 | + .margin_t { | ||
| 49 | margin-top: 0.1rem; | 57 | margin-top: 0.1rem; |
| 50 | } | 58 | } |
| 51 | 59 | ||
| 52 | /*底部菜单*/ | 60 | /*底部菜单*/ |
| 53 | - .font_s{ | 61 | + .font_s { |
| 54 | font-size: 0.4rem; | 62 | font-size: 0.4rem; |
| 55 | color: #A61010; | 63 | color: #A61010; |
| 56 | } | 64 | } |
| 57 | - .icon-bilibilidonghua{ | 65 | + |
| 66 | + .icon-bilibilidonghua { | ||
| 58 | font-size: 0.8rem; | 67 | font-size: 0.8rem; |
| 59 | } | 68 | } |
| 60 | 69 | ||
| @@ -62,7 +71,7 @@ | @@ -62,7 +71,7 @@ | ||
| 62 | </head> | 71 | </head> |
| 63 | 72 | ||
| 64 | <body> | 73 | <body> |
| 65 | -<div class="container"> | 74 | + <div class="container"> |
| 66 | <div class="top"> | 75 | <div class="top"> |
| 67 | <!--顶部菜单--> | 76 | <!--顶部菜单--> |
| 68 | <div class="top_t"> | 77 | <div class="top_t"> |
| @@ -74,54 +83,64 @@ | @@ -74,54 +83,64 @@ | ||
| 74 | </div> | 83 | </div> |
| 75 | <!--菜单图标--> | 84 | <!--菜单图标--> |
| 76 | <div class="iconfont icon-caidan"> | 85 | <div class="iconfont icon-caidan"> |
| 86 | + <!--<div class=""></div>--> | ||
| 87 | + <!--菜单列表--> | ||
| 77 | <div class="menu_item" style="display: none;"> | 88 | <div class="menu_item" style="display: none;"> |
| 78 | 89 | ||
| 79 | <!--<p class="index_jump">主页</p >--> | 90 | <!--<p class="index_jump">主页</p >--> |
| 80 | <!--<p class="rwxq_jump">人物详情</p>--> | 91 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 81 | <!--<p class="grzy_jump">个人主页</p>--> | 92 | <!--<p class="grzy_jump">个人主页</p>--> |
| 82 | <!--<p class="spxq_jump">视频详情</p>--> | 93 | <!--<p class="spxq_jump">视频详情</p>--> |
| 94 | + <a href="index.html"> | ||
| 83 | <div class="menu_item_a"> | 95 | <div class="menu_item_a"> |
| 84 | <div>首页</div> | 96 | <div>首页</div> |
| 85 | <div class="menu_item_a_pic"> | 97 | <div class="menu_item_a_pic"> |
| 86 | <img src="images/you@2x.png"> | 98 | <img src="images/you@2x.png"> |
| 87 | </div> | 99 | </div> |
| 88 | </div> | 100 | </div> |
| 101 | + </a> | ||
| 102 | + <a href=""> | ||
| 89 | <div class="menu_item_a"> | 103 | <div class="menu_item_a"> |
| 90 | <div>精选</div> | 104 | <div>精选</div> |
| 91 | <div class="menu_item_a_pic"> | 105 | <div class="menu_item_a_pic"> |
| 92 | <img src="images/you@2x.png"> | 106 | <img src="images/you@2x.png"> |
| 93 | </div> | 107 | </div> |
| 94 | </div> | 108 | </div> |
| 109 | + </a> | ||
| 110 | + <a href=""> | ||
| 95 | <div class="menu_item_a"> | 111 | <div class="menu_item_a"> |
| 96 | <div>动态</div> | 112 | <div>动态</div> |
| 97 | <div class="menu_item_a_pic"> | 113 | <div class="menu_item_a_pic"> |
| 98 | <img src="images/you@2x.png"> | 114 | <img src="images/you@2x.png"> |
| 99 | </div> | 115 | </div> |
| 100 | </div> | 116 | </div> |
| 117 | + </a> | ||
| 118 | + <a href=""> | ||
| 101 | <div class="menu_item_a"> | 119 | <div class="menu_item_a"> |
| 102 | <div>百科</div> | 120 | <div>百科</div> |
| 103 | <div class="menu_item_a_pic"> | 121 | <div class="menu_item_a_pic"> |
| 104 | <img src="images/you@2x.png"> | 122 | <img src="images/you@2x.png"> |
| 105 | </div> | 123 | </div> |
| 106 | </div> | 124 | </div> |
| 107 | - | ||
| 108 | - | 125 | + </a> |
| 109 | </div> | 126 | </div> |
| 110 | </div> | 127 | </div> |
| 111 | </div> | 128 | </div> |
| 112 | <!--中--> | 129 | <!--中--> |
| 113 | <div class="top_t_middle"> | 130 | <div class="top_t_middle"> |
| 114 | - <img src="images/peke.png"> | 131 | + <img src="images/icon_1.png"> |
| 115 | </div> | 132 | </div> |
| 116 | <!--右--> | 133 | <!--右--> |
| 117 | <div class="top_t_right"> | 134 | <div class="top_t_right"> |
| 118 | <!--铃声--> | 135 | <!--铃声--> |
| 119 | <div class="iconfont icon-10"> | 136 | <div class="iconfont icon-10"> |
| 120 | - <!--小红点--> | ||
| 121 | <div class="top_dot"></div> | 137 | <div class="top_dot"></div> |
| 122 | </div> | 138 | </div> |
| 139 | + <div class="top_t_right_text"> | ||
| 140 | + 注册/登录 | ||
| 141 | + </div> | ||
| 123 | <!--头像--> | 142 | <!--头像--> |
| 124 | - <div class="top_t_right_pic"> | 143 | + <div class="top_t_right_pic" style="display: none"> |
| 125 | <img src="images/1.png"> | 144 | <img src="images/1.png"> |
| 126 | </div> | 145 | </div> |
| 127 | </div> | 146 | </div> |
| @@ -160,12 +179,11 @@ | @@ -160,12 +179,11 @@ | ||
| 160 | </div> | 179 | </div> |
| 161 | </div> | 180 | </div> |
| 162 | </div> | 181 | </div> |
| 163 | - | ||
| 164 | -</div> | 182 | + </div> |
| 165 | </body> | 183 | </body> |
| 166 | <script> | 184 | <script> |
| 167 | //点击打开菜单 | 185 | //点击打开菜单 |
| 168 | - $('.icon-caidan').click(function () { | 186 | + $('.icon-caidan').click(function() { |
| 169 | console.log(11) | 187 | console.log(11) |
| 170 | $('.menu_item').slideToggle(); | 188 | $('.menu_item').slideToggle(); |
| 171 | // 关闭图片功能 2019.4.8 | 189 | // 关闭图片功能 2019.4.8 |
| @@ -181,18 +199,17 @@ | @@ -181,18 +199,17 @@ | ||
| 181 | }) | 199 | }) |
| 182 | 200 | ||
| 183 | //标题切换 | 201 | //标题切换 |
| 184 | - $('.item_m').click(function () { | 202 | + $('.item_m').click(function() { |
| 185 | var index = $(this).index() | 203 | var index = $(this).index() |
| 186 | 204 | ||
| 187 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') | 205 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') |
| 188 | 206 | ||
| 189 | - | ||
| 190 | //内容切换 | 207 | //内容切换 |
| 191 | var dataid = $(this).attr("data-id"); | 208 | var dataid = $(this).attr("data-id"); |
| 192 | - if(dataid == 1){ | 209 | + if (dataid == 1) { |
| 193 | $(".message").show(); | 210 | $(".message").show(); |
| 194 | $('.audit').hide(); | 211 | $('.audit').hide(); |
| 195 | - }else { | 212 | + } else { |
| 196 | $(".audit").show(); | 213 | $(".audit").show(); |
| 197 | $(".message").hide(); | 214 | $(".message").hide(); |
| 198 | } | 215 | } |
| @@ -200,5 +217,7 @@ | @@ -200,5 +217,7 @@ | ||
| 200 | 217 | ||
| 201 | 218 | ||
| 202 | }) | 219 | }) |
| 220 | + | ||
| 203 | </script> | 221 | </script> |
| 222 | + | ||
| 204 | </html> | 223 | </html> |
| @@ -10,7 +10,7 @@ | @@ -10,7 +10,7 @@ | ||
| 10 | <link rel="stylesheet" type="text/css" href="css/rw.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/rw.css"> |
| 11 | 11 | ||
| 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_u8m5zjdi1u.css"> | 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_u8m5zjdi1u.css"> |
| 13 | - | 13 | + <link rel="stylesheet" href="css/public.css"> |
| 14 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 15 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 16 | <link rel="stylesheet" href="css/swiper.css"> | 16 | <link rel="stylesheet" href="css/swiper.css"> |
| @@ -56,44 +56,52 @@ | @@ -56,44 +56,52 @@ | ||
| 56 | </div> | 56 | </div> |
| 57 | <!--菜单图标--> | 57 | <!--菜单图标--> |
| 58 | <div class="iconfont icon-caidan"> | 58 | <div class="iconfont icon-caidan"> |
| 59 | + <!--<div class=""></div>--> | ||
| 60 | + <!--菜单列表--> | ||
| 59 | <div class="menu_item" style="display: none;"> | 61 | <div class="menu_item" style="display: none;"> |
| 60 | 62 | ||
| 61 | <!--<p class="index_jump">主页</p >--> | 63 | <!--<p class="index_jump">主页</p >--> |
| 62 | <!--<p class="rwxq_jump">人物详情</p>--> | 64 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 63 | <!--<p class="grzy_jump">个人主页</p>--> | 65 | <!--<p class="grzy_jump">个人主页</p>--> |
| 64 | <!--<p class="spxq_jump">视频详情</p>--> | 66 | <!--<p class="spxq_jump">视频详情</p>--> |
| 67 | + <a href="index.html"> | ||
| 65 | <div class="menu_item_a"> | 68 | <div class="menu_item_a"> |
| 66 | <div>首页</div> | 69 | <div>首页</div> |
| 67 | <div class="menu_item_a_pic"> | 70 | <div class="menu_item_a_pic"> |
| 68 | <img src="images/you@2x.png"> | 71 | <img src="images/you@2x.png"> |
| 69 | </div> | 72 | </div> |
| 70 | </div> | 73 | </div> |
| 74 | + </a> | ||
| 75 | + <a href=""> | ||
| 71 | <div class="menu_item_a"> | 76 | <div class="menu_item_a"> |
| 72 | <div>精选</div> | 77 | <div>精选</div> |
| 73 | <div class="menu_item_a_pic"> | 78 | <div class="menu_item_a_pic"> |
| 74 | <img src="images/you@2x.png"> | 79 | <img src="images/you@2x.png"> |
| 75 | </div> | 80 | </div> |
| 76 | </div> | 81 | </div> |
| 82 | + </a> | ||
| 83 | + <a href=""> | ||
| 77 | <div class="menu_item_a"> | 84 | <div class="menu_item_a"> |
| 78 | <div>动态</div> | 85 | <div>动态</div> |
| 79 | <div class="menu_item_a_pic"> | 86 | <div class="menu_item_a_pic"> |
| 80 | <img src="images/you@2x.png"> | 87 | <img src="images/you@2x.png"> |
| 81 | </div> | 88 | </div> |
| 82 | </div> | 89 | </div> |
| 90 | + </a> | ||
| 91 | + <a href=""> | ||
| 83 | <div class="menu_item_a"> | 92 | <div class="menu_item_a"> |
| 84 | <div>百科</div> | 93 | <div>百科</div> |
| 85 | <div class="menu_item_a_pic"> | 94 | <div class="menu_item_a_pic"> |
| 86 | <img src="images/you@2x.png"> | 95 | <img src="images/you@2x.png"> |
| 87 | </div> | 96 | </div> |
| 88 | </div> | 97 | </div> |
| 89 | - | ||
| 90 | - | 98 | + </a> |
| 91 | </div> | 99 | </div> |
| 92 | </div> | 100 | </div> |
| 93 | </div> | 101 | </div> |
| 94 | <!--中--> | 102 | <!--中--> |
| 95 | <div class="top_t_middle"> | 103 | <div class="top_t_middle"> |
| 96 | - <img src="images/peke.png"> | 104 | + <img src="images/icon_1.png"> |
| 97 | </div> | 105 | </div> |
| 98 | <!--右--> | 106 | <!--右--> |
| 99 | <div class="top_t_right"> | 107 | <div class="top_t_right"> |
| @@ -101,8 +109,11 @@ | @@ -101,8 +109,11 @@ | ||
| 101 | <div class="iconfont icon-10"> | 109 | <div class="iconfont icon-10"> |
| 102 | <div class="top_dot"></div> | 110 | <div class="top_dot"></div> |
| 103 | </div> | 111 | </div> |
| 112 | + <div class="top_t_right_text"> | ||
| 113 | + 注册/登录 | ||
| 114 | + </div> | ||
| 104 | <!--头像--> | 115 | <!--头像--> |
| 105 | - <div class="top_t_right_pic"> | 116 | + <div class="top_t_right_pic" style="display: none"> |
| 106 | <img src="images/1.png"> | 117 | <img src="images/1.png"> |
| 107 | </div> | 118 | </div> |
| 108 | </div> | 119 | </div> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>人物详情</title> | 6 | <title>人物详情</title> |
| @@ -12,23 +13,28 @@ | @@ -12,23 +13,28 @@ | ||
| 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_tuxoqivait.css"> | 13 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_tuxoqivait.css"> |
| 13 | 14 | ||
| 14 | <link rel="stylesheet" href="css/swiper.css"> | 15 | <link rel="stylesheet" href="css/swiper.css"> |
| 16 | + <link rel="stylesheet" href="css/public.css"> | ||
| 15 | <script src="js/base.js"></script> | 17 | <script src="js/base.js"></script> |
| 16 | <script src="js/jquery.min.js"></script> | 18 | <script src="js/jquery.min.js"></script> |
| 17 | 19 | ||
| 18 | <style> | 20 | <style> |
| 19 | - .icon-caidan{ | 21 | + .icon-caidan { |
| 20 | font-size: 0.5rem; | 22 | font-size: 0.5rem; |
| 21 | } | 23 | } |
| 22 | - .icon-magnifier{ | 24 | + |
| 25 | + .icon-magnifier { | ||
| 23 | color: #999999; | 26 | color: #999999; |
| 24 | } | 27 | } |
| 25 | - .icon-10{ | 28 | + |
| 29 | + .icon-10 { | ||
| 26 | position: relative; | 30 | position: relative; |
| 27 | } | 31 | } |
| 32 | + | ||
| 28 | .swiper-container { | 33 | .swiper-container { |
| 29 | width: 100%; | 34 | width: 100%; |
| 30 | height: 100%; | 35 | height: 100%; |
| 31 | } | 36 | } |
| 37 | + | ||
| 32 | .swiper-slide { | 38 | .swiper-slide { |
| 33 | text-align: center; | 39 | text-align: center; |
| 34 | font-size: 18px; | 40 | font-size: 18px; |
| @@ -49,25 +55,31 @@ | @@ -49,25 +55,31 @@ | ||
| 49 | 55 | ||
| 50 | border-right: 0.1rem; | 56 | border-right: 0.1rem; |
| 51 | } | 57 | } |
| 52 | - .swiper-slide img{ | 58 | + |
| 59 | + .swiper-slide img { | ||
| 53 | width: 100%; | 60 | width: 100%; |
| 54 | height: 100%; | 61 | height: 100%; |
| 55 | 62 | ||
| 56 | } | 63 | } |
| 57 | - .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { | 64 | + |
| 65 | + .swiper-pagination-fraction, | ||
| 66 | + .swiper-pagination-custom, | ||
| 67 | + .swiper-container-horizontal>.swiper-pagination-bullets { | ||
| 58 | bottom: 20px; | 68 | bottom: 20px; |
| 59 | left: 0; | 69 | left: 0; |
| 60 | width: 100%; | 70 | width: 100%; |
| 61 | } | 71 | } |
| 72 | + | ||
| 62 | .swiper-pagination-bullet-active { | 73 | .swiper-pagination-bullet-active { |
| 63 | opacity: 1; | 74 | opacity: 1; |
| 64 | background: #ffffff; | 75 | background: #ffffff; |
| 65 | } | 76 | } |
| 66 | - .top_dot{ | 77 | + |
| 78 | + .top_dot { | ||
| 67 | width: 0.08rem; | 79 | width: 0.08rem; |
| 68 | height: 0.08rem; | 80 | height: 0.08rem; |
| 69 | - background:rgba(166,16,16,1); | ||
| 70 | - border:1px solid rgba(255, 255, 255, 1); | 81 | + background: rgba(166, 16, 16, 1); |
| 82 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 71 | border-radius: 50%; | 83 | border-radius: 50%; |
| 72 | position: absolute; | 84 | position: absolute; |
| 73 | top: 0; | 85 | top: 0; |
| @@ -76,6 +88,7 @@ | @@ -76,6 +88,7 @@ | ||
| 76 | 88 | ||
| 77 | </style> | 89 | </style> |
| 78 | </head> | 90 | </head> |
| 91 | + | ||
| 79 | <body> | 92 | <body> |
| 80 | <div class="container"> | 93 | <div class="container"> |
| 81 | <!--顶部菜单--> | 94 | <!--顶部菜单--> |
| @@ -90,46 +103,52 @@ | @@ -90,46 +103,52 @@ | ||
| 90 | </div> | 103 | </div> |
| 91 | <!--菜单图标--> | 104 | <!--菜单图标--> |
| 92 | <div class="iconfont icon-caidan"> | 105 | <div class="iconfont icon-caidan"> |
| 93 | - | 106 | + <!--<div class=""></div>--> |
| 107 | + <!--菜单列表--> | ||
| 94 | <div class="menu_item" style="display: none;"> | 108 | <div class="menu_item" style="display: none;"> |
| 95 | 109 | ||
| 96 | <!--<p class="index_jump">主页</p >--> | 110 | <!--<p class="index_jump">主页</p >--> |
| 97 | <!--<p class="rwxq_jump">人物详情</p>--> | 111 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 98 | <!--<p class="grzy_jump">个人主页</p>--> | 112 | <!--<p class="grzy_jump">个人主页</p>--> |
| 99 | <!--<p class="spxq_jump">视频详情</p>--> | 113 | <!--<p class="spxq_jump">视频详情</p>--> |
| 114 | + <a href="index.html"> | ||
| 100 | <div class="menu_item_a"> | 115 | <div class="menu_item_a"> |
| 101 | <div>首页</div> | 116 | <div>首页</div> |
| 102 | <div class="menu_item_a_pic"> | 117 | <div class="menu_item_a_pic"> |
| 103 | <img src="images/you@2x.png"> | 118 | <img src="images/you@2x.png"> |
| 104 | </div> | 119 | </div> |
| 105 | </div> | 120 | </div> |
| 121 | + </a> | ||
| 122 | + <a href=""> | ||
| 106 | <div class="menu_item_a"> | 123 | <div class="menu_item_a"> |
| 107 | <div>精选</div> | 124 | <div>精选</div> |
| 108 | <div class="menu_item_a_pic"> | 125 | <div class="menu_item_a_pic"> |
| 109 | <img src="images/you@2x.png"> | 126 | <img src="images/you@2x.png"> |
| 110 | </div> | 127 | </div> |
| 111 | </div> | 128 | </div> |
| 129 | + </a> | ||
| 130 | + <a href=""> | ||
| 112 | <div class="menu_item_a"> | 131 | <div class="menu_item_a"> |
| 113 | <div>动态</div> | 132 | <div>动态</div> |
| 114 | <div class="menu_item_a_pic"> | 133 | <div class="menu_item_a_pic"> |
| 115 | <img src="images/you@2x.png"> | 134 | <img src="images/you@2x.png"> |
| 116 | </div> | 135 | </div> |
| 117 | </div> | 136 | </div> |
| 137 | + </a> | ||
| 138 | + <a href=""> | ||
| 118 | <div class="menu_item_a"> | 139 | <div class="menu_item_a"> |
| 119 | <div>百科</div> | 140 | <div>百科</div> |
| 120 | <div class="menu_item_a_pic"> | 141 | <div class="menu_item_a_pic"> |
| 121 | <img src="images/you@2x.png"> | 142 | <img src="images/you@2x.png"> |
| 122 | </div> | 143 | </div> |
| 123 | </div> | 144 | </div> |
| 124 | - | ||
| 125 | - | 145 | + </a> |
| 126 | </div> | 146 | </div> |
| 127 | - | ||
| 128 | </div> | 147 | </div> |
| 129 | </div> | 148 | </div> |
| 130 | <!--中--> | 149 | <!--中--> |
| 131 | <div class="top_t_middle"> | 150 | <div class="top_t_middle"> |
| 132 | - <img src="images/peke.png"> | 151 | + <img src="images/icon_1.png"> |
| 133 | </div> | 152 | </div> |
| 134 | <!--右--> | 153 | <!--右--> |
| 135 | <div class="top_t_right"> | 154 | <div class="top_t_right"> |
| @@ -137,8 +156,11 @@ | @@ -137,8 +156,11 @@ | ||
| 137 | <div class="iconfont icon-10"> | 156 | <div class="iconfont icon-10"> |
| 138 | <div class="top_dot"></div> | 157 | <div class="top_dot"></div> |
| 139 | </div> | 158 | </div> |
| 159 | + <div class="top_t_right_text"> | ||
| 160 | + 注册/登录 | ||
| 161 | + </div> | ||
| 140 | <!--头像--> | 162 | <!--头像--> |
| 141 | - <div class="top_t_right_pic"> | 163 | + <div class="top_t_right_pic" style="display: none"> |
| 142 | <img src="images/1.png"> | 164 | <img src="images/1.png"> |
| 143 | </div> | 165 | </div> |
| 144 | </div> | 166 | </div> |
| @@ -282,8 +304,9 @@ | @@ -282,8 +304,9 @@ | ||
| 282 | 304 | ||
| 283 | </div> | 305 | </div> |
| 284 | <div class="dynamic_item_date"> | 306 | <div class="dynamic_item_date"> |
| 285 | - <p><</p> | ||
| 286 | - <p>2018</p> | 307 | + <p> |
| 308 | + <</p> <p>2018 | ||
| 309 | + </p> | ||
| 287 | <p>></p> | 310 | <p>></p> |
| 288 | </div> | 311 | </div> |
| 289 | </div> | 312 | </div> |
| @@ -314,8 +337,9 @@ | @@ -314,8 +337,9 @@ | ||
| 314 | 337 | ||
| 315 | </div> | 338 | </div> |
| 316 | <div class="dynamic_item_date"> | 339 | <div class="dynamic_item_date"> |
| 317 | - <p><</p> | ||
| 318 | - <p>2018</p> | 340 | + <p> |
| 341 | + <</p> <p>2018 | ||
| 342 | + </p> | ||
| 319 | <p>></p> | 343 | <p>></p> |
| 320 | </div> | 344 | </div> |
| 321 | </div> | 345 | </div> |
| @@ -379,10 +403,10 @@ | @@ -379,10 +403,10 @@ | ||
| 379 | 403 | ||
| 380 | </div> | 404 | </div> |
| 381 | </body> | 405 | </body> |
| 382 | - <script src="js/swiper.js"> </script> | 406 | +<script src="js/swiper.js"> </script> |
| 383 | <script> | 407 | <script> |
| 384 | // 菜单 | 408 | // 菜单 |
| 385 | - $('.icon-caidan').click(function () { | 409 | + $('.icon-caidan').click(function() { |
| 386 | console.log(11) | 410 | console.log(11) |
| 387 | $('.menu_item').slideToggle(); | 411 | $('.menu_item').slideToggle(); |
| 388 | // 关闭图片功能 2019.4.8 | 412 | // 关闭图片功能 2019.4.8 |
| @@ -397,19 +421,19 @@ | @@ -397,19 +421,19 @@ | ||
| 397 | // } | 421 | // } |
| 398 | }) | 422 | }) |
| 399 | // 关注 | 423 | // 关注 |
| 400 | - $('.intro_attention_title').click(function () { | ||
| 401 | - $(this).css('display','none'); | ||
| 402 | - $('.attention').css('display','block') | 424 | + $('.intro_attention_title').click(function() { |
| 425 | + $(this).css('display', 'none'); | ||
| 426 | + $('.attention').css('display', 'block') | ||
| 403 | }) | 427 | }) |
| 404 | - $('.attention').click(function () { | 428 | + $('.attention').click(function() { |
| 405 | console.log(111); | 429 | console.log(111); |
| 406 | - $('.attention').css('display','none'); | ||
| 407 | - $('.intro_attention_title').css('display','block') | 430 | + $('.attention').css('display', 'none'); |
| 431 | + $('.intro_attention_title').css('display', 'block') | ||
| 408 | }) | 432 | }) |
| 409 | //点击赞 | 433 | //点击赞 |
| 410 | 434 | ||
| 411 | 435 | ||
| 412 | - var swiper = new Swiper('.swiper-container',{ | 436 | + var swiper = new Swiper('.swiper-container', { |
| 413 | 437 | ||
| 414 | loop: true, // 循环模式选项 | 438 | loop: true, // 循环模式选项 |
| 415 | // autoplay: { | 439 | // autoplay: { |
| @@ -421,5 +445,7 @@ | @@ -421,5 +445,7 @@ | ||
| 421 | el: '.swiper-pagination', | 445 | el: '.swiper-pagination', |
| 422 | }, | 446 | }, |
| 423 | }); | 447 | }); |
| 448 | + | ||
| 424 | </script> | 449 | </script> |
| 450 | + | ||
| 425 | </html> | 451 | </html> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>搜索</title> | 6 | <title>搜索</title> |
| @@ -9,23 +10,25 @@ | @@ -9,23 +10,25 @@ | ||
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | <link rel="stylesheet" type="text/css" href="css/search.css"> | 11 | <link rel="stylesheet" type="text/css" href="css/search.css"> |
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> | 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> |
| 12 | - | 13 | + <link rel="stylesheet" href="css/public.css"> |
| 13 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 14 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 15 | 16 | ||
| 16 | <style> | 17 | <style> |
| 17 | - .icon-caidan{ | 18 | + .icon-caidan { |
| 18 | font-size: 0.5rem; | 19 | font-size: 0.5rem; |
| 19 | } | 20 | } |
| 20 | - .icon-magnifier{ | 21 | + |
| 22 | + .icon-magnifier { | ||
| 21 | color: #999999; | 23 | color: #999999; |
| 22 | } | 24 | } |
| 23 | 25 | ||
| 24 | - .f_size{ | 26 | + .f_size { |
| 25 | font-weight: normal; | 27 | font-weight: normal; |
| 26 | font-size: 0.18rem; | 28 | font-size: 0.18rem; |
| 27 | } | 29 | } |
| 28 | - .icon-xiugai{ | 30 | + |
| 31 | + .icon-xiugai { | ||
| 29 | margin-left: 0.15rem; | 32 | margin-left: 0.15rem; |
| 30 | font-size: 0.3rem; | 33 | font-size: 0.3rem; |
| 31 | color: #999999; | 34 | color: #999999; |
| @@ -33,29 +36,33 @@ | @@ -33,29 +36,33 @@ | ||
| 33 | font-weight: bold; | 36 | font-weight: bold; |
| 34 | align-items: center; | 37 | align-items: center; |
| 35 | } | 38 | } |
| 36 | - .top_dot{ | 39 | + |
| 40 | + .top_dot { | ||
| 37 | width: 0.08rem; | 41 | width: 0.08rem; |
| 38 | height: 0.08rem; | 42 | height: 0.08rem; |
| 39 | - background:rgba(166,16,16,1); | ||
| 40 | - border:1px solid rgba(255, 255, 255, 1); | 43 | + background: rgba(166, 16, 16, 1); |
| 44 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 41 | border-radius: 50%; | 45 | border-radius: 50%; |
| 42 | position: absolute; | 46 | position: absolute; |
| 43 | top: 0; | 47 | top: 0; |
| 44 | right: 0; | 48 | right: 0; |
| 45 | } | 49 | } |
| 46 | - .color_black{ | 50 | + |
| 51 | + .color_black { | ||
| 47 | color: black; | 52 | color: black; |
| 48 | } | 53 | } |
| 49 | - .margin_t{ | 54 | + |
| 55 | + .margin_t { | ||
| 50 | margin-top: 0.1rem; | 56 | margin-top: 0.1rem; |
| 51 | } | 57 | } |
| 52 | 58 | ||
| 53 | /*底部菜单*/ | 59 | /*底部菜单*/ |
| 54 | - .font_s{ | 60 | + .font_s { |
| 55 | font-size: 0.4rem; | 61 | font-size: 0.4rem; |
| 56 | color: #A61010; | 62 | color: #A61010; |
| 57 | } | 63 | } |
| 58 | - .icon-bilibilidonghua{ | 64 | + |
| 65 | + .icon-bilibilidonghua { | ||
| 59 | font-size: 0.8rem; | 66 | font-size: 0.8rem; |
| 60 | } | 67 | } |
| 61 | 68 | ||
| @@ -63,7 +70,7 @@ | @@ -63,7 +70,7 @@ | ||
| 63 | </head> | 70 | </head> |
| 64 | 71 | ||
| 65 | <body> | 72 | <body> |
| 66 | -<div class="container"> | 73 | + <div class="container"> |
| 67 | <div class="top"> | 74 | <div class="top"> |
| 68 | <!--顶部菜单--> | 75 | <!--顶部菜单--> |
| 69 | <div class="top_t"> | 76 | <div class="top_t"> |
| @@ -75,54 +82,64 @@ | @@ -75,54 +82,64 @@ | ||
| 75 | </div> | 82 | </div> |
| 76 | <!--菜单图标--> | 83 | <!--菜单图标--> |
| 77 | <div class="iconfont icon-caidan"> | 84 | <div class="iconfont icon-caidan"> |
| 85 | + <!--<div class=""></div>--> | ||
| 86 | + <!--菜单列表--> | ||
| 78 | <div class="menu_item" style="display: none;"> | 87 | <div class="menu_item" style="display: none;"> |
| 79 | 88 | ||
| 80 | <!--<p class="index_jump">主页</p >--> | 89 | <!--<p class="index_jump">主页</p >--> |
| 81 | <!--<p class="rwxq_jump">人物详情</p>--> | 90 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 82 | <!--<p class="grzy_jump">个人主页</p>--> | 91 | <!--<p class="grzy_jump">个人主页</p>--> |
| 83 | <!--<p class="spxq_jump">视频详情</p>--> | 92 | <!--<p class="spxq_jump">视频详情</p>--> |
| 93 | + <a href="index.html"> | ||
| 84 | <div class="menu_item_a"> | 94 | <div class="menu_item_a"> |
| 85 | <div>首页</div> | 95 | <div>首页</div> |
| 86 | <div class="menu_item_a_pic"> | 96 | <div class="menu_item_a_pic"> |
| 87 | <img src="images/you@2x.png"> | 97 | <img src="images/you@2x.png"> |
| 88 | </div> | 98 | </div> |
| 89 | </div> | 99 | </div> |
| 100 | + </a> | ||
| 101 | + <a href=""> | ||
| 90 | <div class="menu_item_a"> | 102 | <div class="menu_item_a"> |
| 91 | <div>精选</div> | 103 | <div>精选</div> |
| 92 | <div class="menu_item_a_pic"> | 104 | <div class="menu_item_a_pic"> |
| 93 | <img src="images/you@2x.png"> | 105 | <img src="images/you@2x.png"> |
| 94 | </div> | 106 | </div> |
| 95 | </div> | 107 | </div> |
| 108 | + </a> | ||
| 109 | + <a href=""> | ||
| 96 | <div class="menu_item_a"> | 110 | <div class="menu_item_a"> |
| 97 | <div>动态</div> | 111 | <div>动态</div> |
| 98 | <div class="menu_item_a_pic"> | 112 | <div class="menu_item_a_pic"> |
| 99 | <img src="images/you@2x.png"> | 113 | <img src="images/you@2x.png"> |
| 100 | </div> | 114 | </div> |
| 101 | </div> | 115 | </div> |
| 116 | + </a> | ||
| 117 | + <a href=""> | ||
| 102 | <div class="menu_item_a"> | 118 | <div class="menu_item_a"> |
| 103 | <div>百科</div> | 119 | <div>百科</div> |
| 104 | <div class="menu_item_a_pic"> | 120 | <div class="menu_item_a_pic"> |
| 105 | <img src="images/you@2x.png"> | 121 | <img src="images/you@2x.png"> |
| 106 | </div> | 122 | </div> |
| 107 | </div> | 123 | </div> |
| 108 | - | ||
| 109 | - | 124 | + </a> |
| 110 | </div> | 125 | </div> |
| 111 | </div> | 126 | </div> |
| 112 | </div> | 127 | </div> |
| 113 | <!--中--> | 128 | <!--中--> |
| 114 | <div class="top_t_middle"> | 129 | <div class="top_t_middle"> |
| 115 | - <img src="images/peke.png"> | 130 | + <img src="images/icon_1.png"> |
| 116 | </div> | 131 | </div> |
| 117 | <!--右--> | 132 | <!--右--> |
| 118 | <div class="top_t_right"> | 133 | <div class="top_t_right"> |
| 119 | <!--铃声--> | 134 | <!--铃声--> |
| 120 | <div class="iconfont icon-10"> | 135 | <div class="iconfont icon-10"> |
| 121 | - <!--小红点--> | ||
| 122 | <div class="top_dot"></div> | 136 | <div class="top_dot"></div> |
| 123 | </div> | 137 | </div> |
| 138 | + <div class="top_t_right_text"> | ||
| 139 | + 注册/登录 | ||
| 140 | + </div> | ||
| 124 | <!--头像--> | 141 | <!--头像--> |
| 125 | - <div class="top_t_right_pic"> | 142 | + <div class="top_t_right_pic" style="display: none"> |
| 126 | <img src="images/1.png"> | 143 | <img src="images/1.png"> |
| 127 | </div> | 144 | </div> |
| 128 | </div> | 145 | </div> |
| @@ -205,7 +222,7 @@ | @@ -205,7 +222,7 @@ | ||
| 205 | <!--关注，贡献，关注--> | 222 | <!--关注，贡献，关注--> |
| 206 | <div class="bottom_top_b"> | 223 | <div class="bottom_top_b"> |
| 207 | <div class="bottom_top_b_left"> | 224 | <div class="bottom_top_b_left"> |
| 208 | - 38个关注 | 225 | + <span>38</span>个关注 |
| 209 | </div> | 226 | </div> |
| 210 | <div class="bottom_top_b_left"> | 227 | <div class="bottom_top_b_left"> |
| 211 | 25个贡献 | 228 | 25个贡献 |
| @@ -261,11 +278,11 @@ | @@ -261,11 +278,11 @@ | ||
| 261 | </div> | 278 | </div> |
| 262 | </div> | 279 | </div> |
| 263 | 280 | ||
| 264 | -</div> | 281 | + </div> |
| 265 | </body> | 282 | </body> |
| 266 | <script> | 283 | <script> |
| 267 | // 菜单 | 284 | // 菜单 |
| 268 | - $('.icon-caidan').click(function () { | 285 | + $('.icon-caidan').click(function() { |
| 269 | console.log(11) | 286 | console.log(11) |
| 270 | $('.menu_item').slideToggle(); | 287 | $('.menu_item').slideToggle(); |
| 271 | // 关闭图片功能 2019.4.8 | 288 | // 关闭图片功能 2019.4.8 |
| @@ -280,7 +297,7 @@ | @@ -280,7 +297,7 @@ | ||
| 280 | // } | 297 | // } |
| 281 | }) | 298 | }) |
| 282 | //标题切换 | 299 | //标题切换 |
| 283 | - $('.item_m').click(function () { | 300 | + $('.item_m').click(function() { |
| 284 | var index = $(this).index() | 301 | var index = $(this).index() |
| 285 | 302 | ||
| 286 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') | 303 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') |
| @@ -288,10 +305,10 @@ | @@ -288,10 +305,10 @@ | ||
| 288 | 305 | ||
| 289 | //内容切换 | 306 | //内容切换 |
| 290 | var dataid = $(this).attr("data-id"); | 307 | var dataid = $(this).attr("data-id"); |
| 291 | - if(dataid == 1){ | 308 | + if (dataid == 1) { |
| 292 | $(".message").show(); | 309 | $(".message").show(); |
| 293 | $('.audit').hide(); | 310 | $('.audit').hide(); |
| 294 | - }else { | 311 | + } else { |
| 295 | $(".audit").show(); | 312 | $(".audit").show(); |
| 296 | $(".message").hide(); | 313 | $(".message").hide(); |
| 297 | } | 314 | } |
| @@ -299,5 +316,24 @@ | @@ -299,5 +316,24 @@ | ||
| 299 | 316 | ||
| 300 | 317 | ||
| 301 | }) | 318 | }) |
| 319 | + var v = false; //定义一个布尔型变量，来判断显示关注或取消关注 | ||
| 320 | + | ||
| 321 | + //关注 | ||
| 322 | + $('.bottom_top_b_att').click(function() { | ||
| 323 | + var num = parseInt($('.bottom_top_b .bottom_top_b_left:first-child span').html()) | ||
| 324 | + if (v) { //如果为真的时候，我这里就显示关注 | ||
| 325 | + $(this).html("关注"); | ||
| 326 | + v = false; //由于文字已更改，所以我们要改变变量的值 | ||
| 327 | + $('.bottom_top_b .bottom_top_b_left:first-child span').html(num - 1) | ||
| 328 | + } else { | ||
| 329 | + $(this).html("取消关注"); | ||
| 330 | + v = true; | ||
| 331 | + $('.bottom_top_b .bottom_top_b_left:first-child span').html(num + 1) | ||
| 332 | + | ||
| 333 | + } | ||
| 334 | + | ||
| 335 | + }) | ||
| 336 | + | ||
| 302 | </script> | 337 | </script> |
| 338 | + | ||
| 303 | </html> | 339 | </html> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>搜索无结果</title> | 6 | <title>搜索无结果</title> |
| @@ -9,23 +10,25 @@ | @@ -9,23 +10,25 @@ | ||
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | <link rel="stylesheet" type="text/css" href="css/search_no.css"> | 11 | <link rel="stylesheet" type="text/css" href="css/search_no.css"> |
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> | 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_7sk198wo5xx.css"> |
| 12 | - | 13 | + <link rel="stylesheet" href="css/public.css"> |
| 13 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 14 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 15 | 16 | ||
| 16 | <style> | 17 | <style> |
| 17 | - .icon-caidan{ | 18 | + .icon-caidan { |
| 18 | font-size: 0.5rem; | 19 | font-size: 0.5rem; |
| 19 | } | 20 | } |
| 20 | - .icon-magnifier{ | 21 | + |
| 22 | + .icon-magnifier { | ||
| 21 | color: #999999; | 23 | color: #999999; |
| 22 | } | 24 | } |
| 23 | 25 | ||
| 24 | - .f_size{ | 26 | + .f_size { |
| 25 | font-weight: normal; | 27 | font-weight: normal; |
| 26 | font-size: 0.18rem; | 28 | font-size: 0.18rem; |
| 27 | } | 29 | } |
| 28 | - .icon-xiugai{ | 30 | + |
| 31 | + .icon-xiugai { | ||
| 29 | margin-left: 0.15rem; | 32 | margin-left: 0.15rem; |
| 30 | font-size: 0.3rem; | 33 | font-size: 0.3rem; |
| 31 | color: #999999; | 34 | color: #999999; |
| @@ -33,29 +36,33 @@ | @@ -33,29 +36,33 @@ | ||
| 33 | font-weight: bold; | 36 | font-weight: bold; |
| 34 | align-items: center; | 37 | align-items: center; |
| 35 | } | 38 | } |
| 36 | - .top_dot{ | 39 | + |
| 40 | + .top_dot { | ||
| 37 | width: 0.08rem; | 41 | width: 0.08rem; |
| 38 | height: 0.08rem; | 42 | height: 0.08rem; |
| 39 | - background:rgba(166,16,16,1); | ||
| 40 | - border:1px solid rgba(255, 255, 255, 1); | 43 | + background: rgba(166, 16, 16, 1); |
| 44 | + border: 1px solid rgba(255, 255, 255, 1); | ||
| 41 | border-radius: 50%; | 45 | border-radius: 50%; |
| 42 | position: absolute; | 46 | position: absolute; |
| 43 | top: 0; | 47 | top: 0; |
| 44 | right: 0; | 48 | right: 0; |
| 45 | } | 49 | } |
| 46 | - .color_black{ | 50 | + |
| 51 | + .color_black { | ||
| 47 | color: black; | 52 | color: black; |
| 48 | } | 53 | } |
| 49 | - .margin_t{ | 54 | + |
| 55 | + .margin_t { | ||
| 50 | margin-top: 0.1rem; | 56 | margin-top: 0.1rem; |
| 51 | } | 57 | } |
| 52 | 58 | ||
| 53 | /*底部菜单*/ | 59 | /*底部菜单*/ |
| 54 | - .font_s{ | 60 | + .font_s { |
| 55 | font-size: 0.4rem; | 61 | font-size: 0.4rem; |
| 56 | color: #A61010; | 62 | color: #A61010; |
| 57 | } | 63 | } |
| 58 | - .icon-bilibilidonghua{ | 64 | + |
| 65 | + .icon-bilibilidonghua { | ||
| 59 | font-size: 0.8rem; | 66 | font-size: 0.8rem; |
| 60 | } | 67 | } |
| 61 | 68 | ||
| @@ -63,7 +70,7 @@ | @@ -63,7 +70,7 @@ | ||
| 63 | </head> | 70 | </head> |
| 64 | 71 | ||
| 65 | <body> | 72 | <body> |
| 66 | -<div class="container"> | 73 | + <div class="container"> |
| 67 | <div class="top"> | 74 | <div class="top"> |
| 68 | <!--顶部菜单--> | 75 | <!--顶部菜单--> |
| 69 | <div class="top_t"> | 76 | <div class="top_t"> |
| @@ -75,54 +82,64 @@ | @@ -75,54 +82,64 @@ | ||
| 75 | </div> | 82 | </div> |
| 76 | <!--菜单图标--> | 83 | <!--菜单图标--> |
| 77 | <div class="iconfont icon-caidan"> | 84 | <div class="iconfont icon-caidan"> |
| 85 | + <!--<div class=""></div>--> | ||
| 86 | + <!--菜单列表--> | ||
| 78 | <div class="menu_item" style="display: none;"> | 87 | <div class="menu_item" style="display: none;"> |
| 79 | 88 | ||
| 80 | <!--<p class="index_jump">主页</p >--> | 89 | <!--<p class="index_jump">主页</p >--> |
| 81 | <!--<p class="rwxq_jump">人物详情</p>--> | 90 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 82 | <!--<p class="grzy_jump">个人主页</p>--> | 91 | <!--<p class="grzy_jump">个人主页</p>--> |
| 83 | <!--<p class="spxq_jump">视频详情</p>--> | 92 | <!--<p class="spxq_jump">视频详情</p>--> |
| 93 | + <a href="index.html"> | ||
| 84 | <div class="menu_item_a"> | 94 | <div class="menu_item_a"> |
| 85 | <div>首页</div> | 95 | <div>首页</div> |
| 86 | <div class="menu_item_a_pic"> | 96 | <div class="menu_item_a_pic"> |
| 87 | <img src="images/you@2x.png"> | 97 | <img src="images/you@2x.png"> |
| 88 | </div> | 98 | </div> |
| 89 | </div> | 99 | </div> |
| 100 | + </a> | ||
| 101 | + <a href=""> | ||
| 90 | <div class="menu_item_a"> | 102 | <div class="menu_item_a"> |
| 91 | <div>精选</div> | 103 | <div>精选</div> |
| 92 | <div class="menu_item_a_pic"> | 104 | <div class="menu_item_a_pic"> |
| 93 | <img src="images/you@2x.png"> | 105 | <img src="images/you@2x.png"> |
| 94 | </div> | 106 | </div> |
| 95 | </div> | 107 | </div> |
| 108 | + </a> | ||
| 109 | + <a href=""> | ||
| 96 | <div class="menu_item_a"> | 110 | <div class="menu_item_a"> |
| 97 | <div>动态</div> | 111 | <div>动态</div> |
| 98 | <div class="menu_item_a_pic"> | 112 | <div class="menu_item_a_pic"> |
| 99 | <img src="images/you@2x.png"> | 113 | <img src="images/you@2x.png"> |
| 100 | </div> | 114 | </div> |
| 101 | </div> | 115 | </div> |
| 116 | + </a> | ||
| 117 | + <a href=""> | ||
| 102 | <div class="menu_item_a"> | 118 | <div class="menu_item_a"> |
| 103 | <div>百科</div> | 119 | <div>百科</div> |
| 104 | <div class="menu_item_a_pic"> | 120 | <div class="menu_item_a_pic"> |
| 105 | <img src="images/you@2x.png"> | 121 | <img src="images/you@2x.png"> |
| 106 | </div> | 122 | </div> |
| 107 | </div> | 123 | </div> |
| 108 | - | ||
| 109 | - | 124 | + </a> |
| 110 | </div> | 125 | </div> |
| 111 | </div> | 126 | </div> |
| 112 | </div> | 127 | </div> |
| 113 | <!--中--> | 128 | <!--中--> |
| 114 | <div class="top_t_middle"> | 129 | <div class="top_t_middle"> |
| 115 | - <img src="images/peke.png"> | 130 | + <img src="images/icon_1.png"> |
| 116 | </div> | 131 | </div> |
| 117 | <!--右--> | 132 | <!--右--> |
| 118 | <div class="top_t_right"> | 133 | <div class="top_t_right"> |
| 119 | <!--铃声--> | 134 | <!--铃声--> |
| 120 | <div class="iconfont icon-10"> | 135 | <div class="iconfont icon-10"> |
| 121 | - <!--小红点--> | ||
| 122 | <div class="top_dot"></div> | 136 | <div class="top_dot"></div> |
| 123 | </div> | 137 | </div> |
| 138 | + <div class="top_t_right_text"> | ||
| 139 | + 注册/登录 | ||
| 140 | + </div> | ||
| 124 | <!--头像--> | 141 | <!--头像--> |
| 125 | - <div class="top_t_right_pic"> | 142 | + <div class="top_t_right_pic" style="display: none"> |
| 126 | <img src="images/1.png"> | 143 | <img src="images/1.png"> |
| 127 | </div> | 144 | </div> |
| 128 | </div> | 145 | </div> |
| @@ -140,15 +157,15 @@ | @@ -140,15 +157,15 @@ | ||
| 140 | <div class="mid"> | 157 | <div class="mid"> |
| 141 | 158 | ||
| 142 | 暂无关于“新艺术音乐”的搜索结果。我来 | 159 | 暂无关于“新艺术音乐”的搜索结果。我来 |
| 143 | - <span class="color_red">贡献内容</span> | 160 | + <a href="gx.html" class="color_red">贡献内容</a> |
| 144 | 161 | ||
| 145 | </div> | 162 | </div> |
| 146 | 163 | ||
| 147 | -</div> | 164 | + </div> |
| 148 | </body> | 165 | </body> |
| 149 | <script> | 166 | <script> |
| 150 | // 菜单 | 167 | // 菜单 |
| 151 | - $('.icon-caidan').click(function () { | 168 | + $('.icon-caidan').click(function() { |
| 152 | console.log(11) | 169 | console.log(11) |
| 153 | $('.menu_item').slideToggle(); | 170 | $('.menu_item').slideToggle(); |
| 154 | // 关闭图片功能 2019.4.8 | 171 | // 关闭图片功能 2019.4.8 |
| @@ -163,7 +180,7 @@ | @@ -163,7 +180,7 @@ | ||
| 163 | // } | 180 | // } |
| 164 | }) | 181 | }) |
| 165 | //标题切换 | 182 | //标题切换 |
| 166 | - $('.item_m').click(function () { | 183 | + $('.item_m').click(function() { |
| 167 | var index = $(this).index() | 184 | var index = $(this).index() |
| 168 | 185 | ||
| 169 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') | 186 | $(this).addClass('item_color').siblings(".item_m").removeClass('item_color') |
| @@ -171,10 +188,10 @@ | @@ -171,10 +188,10 @@ | ||
| 171 | 188 | ||
| 172 | //内容切换 | 189 | //内容切换 |
| 173 | var dataid = $(this).attr("data-id"); | 190 | var dataid = $(this).attr("data-id"); |
| 174 | - if(dataid == 1){ | 191 | + if (dataid == 1) { |
| 175 | $(".message").show(); | 192 | $(".message").show(); |
| 176 | $('.audit').hide(); | 193 | $('.audit').hide(); |
| 177 | - }else { | 194 | + } else { |
| 178 | $(".audit").show(); | 195 | $(".audit").show(); |
| 179 | $(".message").hide(); | 196 | $(".message").hide(); |
| 180 | } | 197 | } |
| @@ -182,5 +199,7 @@ | @@ -182,5 +199,7 @@ | ||
| 182 | 199 | ||
| 183 | 200 | ||
| 184 | }) | 201 | }) |
| 202 | + | ||
| 185 | </script> | 203 | </script> |
| 204 | + | ||
| 186 | </html> | 205 | </html> |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | + | ||
| 3 | <head> | 4 | <head> |
| 4 | <meta charset="UTF-8"> | 5 | <meta charset="UTF-8"> |
| 5 | <title>视频详情</title> | 6 | <title>视频详情</title> |
| @@ -9,7 +10,7 @@ | @@ -9,7 +10,7 @@ | ||
| 9 | <link rel="stylesheet" type="text/css" href="css/common.css"> | 10 | <link rel="stylesheet" type="text/css" href="css/common.css"> |
| 10 | <link rel="stylesheet" type="text/css" href="css/spxq.css"> | 11 | <link rel="stylesheet" type="text/css" href="css/spxq.css"> |
| 11 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css"> | 12 | <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1037215_bamhpf0xfl8.css"> |
| 12 | - | 13 | + <link rel="stylesheet" href="css/public.css"> |
| 13 | <script src="js/base.js"></script> | 14 | <script src="js/base.js"></script> |
| 14 | <script src="js/jquery.min.js"></script> | 15 | <script src="js/jquery.min.js"></script> |
| 15 | 16 | ||
| @@ -88,11 +89,15 @@ | @@ -88,11 +89,15 @@ | ||
| 88 | .red_color{ | 89 | .red_color{ |
| 89 | color: #A61010; | 90 | color: #A61010; |
| 90 | } | 91 | } |
| 92 | + .banner video{ | ||
| 93 | + width: 100%; | ||
| 94 | + height: 100%; | ||
| 95 | + } | ||
| 91 | </style> | 96 | </style> |
| 92 | </head> | 97 | </head> |
| 93 | 98 | ||
| 94 | <body> | 99 | <body> |
| 95 | -<div class="container"> | 100 | + <div class="container"> |
| 96 | <div class="top"> | 101 | <div class="top"> |
| 97 | <!--顶部菜单--> | 102 | <!--顶部菜单--> |
| 98 | <div class="top_t"> | 103 | <div class="top_t"> |
| @@ -104,54 +109,64 @@ | @@ -104,54 +109,64 @@ | ||
| 104 | </div> | 109 | </div> |
| 105 | <!--菜单图标--> | 110 | <!--菜单图标--> |
| 106 | <div class="iconfont icon-caidan"> | 111 | <div class="iconfont icon-caidan"> |
| 112 | + <!--<div class=""></div>--> | ||
| 113 | + <!--菜单列表--> | ||
| 107 | <div class="menu_item" style="display: none;"> | 114 | <div class="menu_item" style="display: none;"> |
| 108 | 115 | ||
| 109 | <!--<p class="index_jump">主页</p >--> | 116 | <!--<p class="index_jump">主页</p >--> |
| 110 | <!--<p class="rwxq_jump">人物详情</p>--> | 117 | <!--<p class="rwxq_jump">人物详情</p>--> |
| 111 | <!--<p class="grzy_jump">个人主页</p>--> | 118 | <!--<p class="grzy_jump">个人主页</p>--> |
| 112 | <!--<p class="spxq_jump">视频详情</p>--> | 119 | <!--<p class="spxq_jump">视频详情</p>--> |
| 120 | + <a href="index.html"> | ||
| 113 | <div class="menu_item_a"> | 121 | <div class="menu_item_a"> |
| 114 | <div>首页</div> | 122 | <div>首页</div> |
| 115 | <div class="menu_item_a_pic"> | 123 | <div class="menu_item_a_pic"> |
| 116 | <img src="images/you@2x.png"> | 124 | <img src="images/you@2x.png"> |
| 117 | </div> | 125 | </div> |
| 118 | </div> | 126 | </div> |
| 127 | + </a> | ||
| 128 | + <a href=""> | ||
| 119 | <div class="menu_item_a"> | 129 | <div class="menu_item_a"> |
| 120 | <div>精选</div> | 130 | <div>精选</div> |
| 121 | <div class="menu_item_a_pic"> | 131 | <div class="menu_item_a_pic"> |
| 122 | <img src="images/you@2x.png"> | 132 | <img src="images/you@2x.png"> |
| 123 | </div> | 133 | </div> |
| 124 | </div> | 134 | </div> |
| 135 | + </a> | ||
| 136 | + <a href=""> | ||
| 125 | <div class="menu_item_a"> | 137 | <div class="menu_item_a"> |
| 126 | <div>动态</div> | 138 | <div>动态</div> |
| 127 | <div class="menu_item_a_pic"> | 139 | <div class="menu_item_a_pic"> |
| 128 | <img src="images/you@2x.png"> | 140 | <img src="images/you@2x.png"> |
| 129 | </div> | 141 | </div> |
| 130 | </div> | 142 | </div> |
| 143 | + </a> | ||
| 144 | + <a href=""> | ||
| 131 | <div class="menu_item_a"> | 145 | <div class="menu_item_a"> |
| 132 | <div>百科</div> | 146 | <div>百科</div> |
| 133 | <div class="menu_item_a_pic"> | 147 | <div class="menu_item_a_pic"> |
| 134 | <img src="images/you@2x.png"> | 148 | <img src="images/you@2x.png"> |
| 135 | </div> | 149 | </div> |
| 136 | </div> | 150 | </div> |
| 137 | - | ||
| 138 | - | 151 | + </a> |
| 139 | </div> | 152 | </div> |
| 140 | </div> | 153 | </div> |
| 141 | </div> | 154 | </div> |
| 142 | <!--中--> | 155 | <!--中--> |
| 143 | <div class="top_t_middle"> | 156 | <div class="top_t_middle"> |
| 144 | - <img src="images/peke.png"> | 157 | + <img src="images/icon_1.png"> |
| 145 | </div> | 158 | </div> |
| 146 | <!--右--> | 159 | <!--右--> |
| 147 | <div class="top_t_right"> | 160 | <div class="top_t_right"> |
| 148 | <!--铃声--> | 161 | <!--铃声--> |
| 149 | <div class="iconfont icon-10"> | 162 | <div class="iconfont icon-10"> |
| 150 | - <!--小红点--> | ||
| 151 | <div class="top_dot"></div> | 163 | <div class="top_dot"></div> |
| 152 | </div> | 164 | </div> |
| 165 | + <div class="top_t_right_text"> | ||
| 166 | + 注册/登录 | ||
| 167 | + </div> | ||
| 153 | <!--头像--> | 168 | <!--头像--> |
| 154 | - <div class="top_t_right_pic"> | 169 | + <div class="top_t_right_pic" style="display: none"> |
| 155 | <img src="images/1.png"> | 170 | <img src="images/1.png"> |
| 156 | </div> | 171 | </div> |
| 157 | </div> | 172 | </div> |
| @@ -164,7 +179,13 @@ | @@ -164,7 +179,13 @@ | ||
| 164 | </div> | 179 | </div> |
| 165 | 180 | ||
| 166 | <div class="banner"> | 181 | <div class="banner"> |
| 167 | - <img src="images/banner_5.png"> | 182 | + <video src="video/Bugatti_1.mp4" controls="controls" poster="images/banner_5.png" x5-playsinline webkit-playsinline playsinline x-webkit-airplay="allow" x5-video-player-type="h5" width={document.documentElement.clientWidth} height={document.documentElement.clientWidth * 9 / 16} style="width: 7.5rem; height: 3.6rem; object-fit: fill;display: block; |
| 183 | + position: absolute;top: 0rem; | ||
| 184 | + left: 0; | ||
| 185 | + z-index: 9;"> | ||
| 186 | + <!-- <img src="images/banner_5.png">--> | ||
| 187 | + </video> | ||
| 188 | + | ||
| 168 | </div> | 189 | </div> |
| 169 | 190 | ||
| 170 | <div class="items"> | 191 | <div class="items"> |
| @@ -333,7 +354,7 @@ | @@ -333,7 +354,7 @@ | ||
| 333 | </div> | 354 | </div> |
| 334 | 355 | ||
| 335 | <div class="sub_box"> | 356 | <div class="sub_box"> |
| 336 | - <div ></div> | 357 | + <div></div> |
| 337 | <div class="message_sub"> | 358 | <div class="message_sub"> |
| 338 | 发送 | 359 | 发送 |
| 339 | </div> | 360 | </div> |
| @@ -424,11 +445,11 @@ | @@ -424,11 +445,11 @@ | ||
| 424 | </div> | 445 | </div> |
| 425 | </div> | 446 | </div> |
| 426 | </div> | 447 | </div> |
| 427 | -</div> | 448 | + </div> |
| 428 | </body> | 449 | </body> |
| 429 | <script> | 450 | <script> |
| 430 | // 菜单 | 451 | // 菜单 |
| 431 | - $('.icon-caidan').click(function () { | 452 | + $('.icon-caidan').click(function() { |
| 432 | console.log(11) | 453 | console.log(11) |
| 433 | $('.menu_item').slideToggle(); | 454 | $('.menu_item').slideToggle(); |
| 434 | // 关闭图片功能 2019.4.8 | 455 | // 关闭图片功能 2019.4.8 |
| @@ -443,37 +464,36 @@ | @@ -443,37 +464,36 @@ | ||
| 443 | // } | 464 | // } |
| 444 | }) | 465 | }) |
| 445 | 466 | ||
| 446 | - $('.icon-fenxiang').click(function () { | 467 | + $('.icon-fenxiang').click(function() { |
| 447 | $('.share_box').slideToggle(); | 468 | $('.share_box').slideToggle(); |
| 448 | }) | 469 | }) |
| 449 | //分享微博 | 470 | //分享微博 |
| 450 | - $('.MicrBlog').click(function () { | 471 | + $('.MicrBlog').click(function() { |
| 451 | window.location.href = '' | 472 | window.location.href = '' |
| 452 | }) | 473 | }) |
| 453 | //分享微信 | 474 | //分享微信 |
| 454 | - $('.WeChat').click(function () { | 475 | + $('.WeChat').click(function() { |
| 455 | window.location.href = '' | 476 | window.location.href = '' |
| 456 | }) | 477 | }) |
| 457 | //分享推特 | 478 | //分享推特 |
| 458 | - $('.Twitter').click(function () { | 479 | + $('.Twitter').click(function() { |
| 459 | window.location.href = '' | 480 | window.location.href = '' |
| 460 | }) | 481 | }) |
| 461 | //分享脸书 | 482 | //分享脸书 |
| 462 | - $('.FaceBook').click(function () { | 483 | + $('.FaceBook').click(function() { |
| 463 | window.location.href = '' | 484 | window.location.href = '' |
| 464 | }) | 485 | }) |
| 465 | 486 | ||
| 466 | // 点击关注 | 487 | // 点击关注 |
| 467 | - var num=$(".share_size").html(); | ||
| 468 | - num=Number(num); | ||
| 469 | - $('.icon-xinaixin').click(function () { | ||
| 470 | - if ($(this).hasClass("red_color")){ | 488 | + var num = $(".share_size").html(); |
| 489 | + num = Number(num); | ||
| 490 | + $('.icon-xinaixin').click(function() { | ||
| 491 | + if ($(this).hasClass("red_color")) { | ||
| 471 | $(this).removeClass("red_color"); | 492 | $(this).removeClass("red_color"); |
| 472 | - num=num-1 | ||
| 473 | - } else | ||
| 474 | - { | 493 | + num = num - 1 |
| 494 | + } else { | ||
| 475 | $(this).addClass("red_color") | 495 | $(this).addClass("red_color") |
| 476 | - num=num+1 | 496 | + num = num + 1 |
| 477 | } | 497 | } |
| 478 | 498 | ||
| 479 | $(".share_size").html(num) | 499 | $(".share_size").html(num) |
| @@ -481,15 +501,15 @@ | @@ -481,15 +501,15 @@ | ||
| 481 | }) | 501 | }) |
| 482 | 502 | ||
| 483 | //评论区点赞 | 503 | //评论区点赞 |
| 484 | - $('.icon-dianzan').click(function () { | 504 | + $('.icon-dianzan').click(function() { |
| 485 | 505 | ||
| 486 | var num_1 = $(this).children(".num_1").html(); | 506 | var num_1 = $(this).children(".num_1").html(); |
| 487 | console.log(num_1) | 507 | console.log(num_1) |
| 488 | num_1 = Number(num_1); | 508 | num_1 = Number(num_1); |
| 489 | - if ($(this).hasClass("red_color")){ | 509 | + if ($(this).hasClass("red_color")) { |
| 490 | $(this).removeClass("red_color"); | 510 | $(this).removeClass("red_color"); |
| 491 | - num_1 = num_1-1 | ||
| 492 | - }else{ | 511 | + num_1 = num_1 - 1 |
| 512 | + } else { | ||
| 493 | $(this).addClass("red_color") | 513 | $(this).addClass("red_color") |
| 494 | num_1 = num_1 + 1 | 514 | num_1 = num_1 + 1 |
| 495 | } | 515 | } |
| @@ -498,15 +518,26 @@ | @@ -498,15 +518,26 @@ | ||
| 498 | 518 | ||
| 499 | //评论区删除 | 519 | //评论区删除 |
| 500 | 520 | ||
| 501 | - $('.delect').click(function () { | 521 | + $('.delect').click(function() { |
| 522 | + | ||
| 523 | + $('.delect_comment').css('display', 'flex') | ||
| 502 | 524 | ||
| 503 | - $('.delect_comment').css('display','flex') | ||
| 504 | }) | 525 | }) |
| 526 | +// $('.delect_bottom_right').on('click', function(e) { | ||
| 527 | +//// alert($(this).index()); | ||
| 528 | +// console.log(1) | ||
| 529 | +// }); | ||
| 530 | + | ||
| 505 | 531 | ||
| 506 | //取消删除 | 532 | //取消删除 |
| 507 | $('.delect_bottom_right').click(function () { | 533 | $('.delect_bottom_right').click(function () { |
| 508 | $('.delect_comment').css('display','none') | 534 | $('.delect_comment').css('display','none') |
| 509 | }) | 535 | }) |
| 536 | + //确定删除 | ||
| 537 | + $('.delect_bottom_left').click(function () { | ||
| 538 | + $('.delect_comment').css('display','none') | ||
| 539 | + }) | ||
| 510 | 540 | ||
| 511 | </script> | 541 | </script> |
| 542 | + | ||
| 512 | </html> | 543 | </html> |
-
请 注册 或 登录 后发表评论