正在显示
7 个修改的文件
包含
2247 行增加
和
1639 行删除
| 1 | /*首页头部分*/ | 1 | /*首页头部分*/ |
| 2 | + | ||
| 2 | .index_header { | 3 | .index_header { |
| 3 | - line-height: 0.38rem; | ||
| 4 | - color: #fff; | ||
| 5 | - background-color: #dbb25f; | ||
| 6 | - display: flex; | ||
| 7 | - align-items: center; | ||
| 8 | - justify-content: space-between; | ||
| 9 | - padding: 0.2rem 0.4rem; | ||
| 10 | - font-size: 15px; | 4 | + line-height: 0.38rem; |
| 5 | + color: #fff; | ||
| 6 | + background-color: #dbb25f; | ||
| 7 | + display: flex; | ||
| 8 | + align-items: center; | ||
| 9 | + justify-content: space-between; | ||
| 10 | + padding: 0.3rem 0.4rem; | ||
| 11 | + font-size: 15px; | ||
| 11 | } | 12 | } |
| 12 | 13 | ||
| 13 | .index_left { | 14 | .index_left { |
| 14 | - display: flex; | ||
| 15 | - align-items: center; | ||
| 16 | - font-size: 14px; | ||
| 17 | - width: auto; | 15 | + display: flex; |
| 16 | + align-items: center; | ||
| 17 | + font-size: 14px; | ||
| 18 | + width: auto; | ||
| 18 | } | 19 | } |
| 19 | 20 | ||
| 20 | .index_left span { | 21 | .index_left span { |
| 21 | - max-width: 1.3rem; | ||
| 22 | - display: -webkit-box; | ||
| 23 | - -webkit-box-orient: vertical; | ||
| 24 | - -webkit-line-clamp: 1; | ||
| 25 | - overflow: hidden; | 22 | + max-width: 1.3rem; |
| 23 | + display: -webkit-box; | ||
| 24 | + -webkit-box-orient: vertical; | ||
| 25 | + -webkit-line-clamp: 1; | ||
| 26 | + overflow: hidden; | ||
| 26 | } | 27 | } |
| 27 | 28 | ||
| 28 | .index_left_img { | 29 | .index_left_img { |
| 29 | - display: flex; | ||
| 30 | - align-items: center; | ||
| 31 | - justify-content: center; | 30 | + display: flex; |
| 31 | + align-items: center; | ||
| 32 | + justify-content: center; | ||
| 32 | } | 33 | } |
| 33 | 34 | ||
| 34 | .index_left_img .iconfont { | 35 | .index_left_img .iconfont { |
| 35 | - font-size: 13px; | ||
| 36 | - color: #fff; | ||
| 37 | - margin: 0 0.19rem 0 0; | 36 | + font-size: 13px; |
| 37 | + color: #fff; | ||
| 38 | + margin: 0 0.19rem 0 0; | ||
| 38 | } | 39 | } |
| 39 | 40 | ||
| 40 | .index_right { | 41 | .index_right { |
| 41 | - display: flex; | ||
| 42 | - align-items: center; | ||
| 43 | - justify-content: center; | ||
| 44 | - text-align: center; | ||
| 45 | - position: relative; | 42 | + display: flex; |
| 43 | + align-items: center; | ||
| 44 | + justify-content: center; | ||
| 45 | + text-align: center; | ||
| 46 | + position: relative; | ||
| 46 | } | 47 | } |
| 47 | 48 | ||
| 48 | .index_right:before { | 49 | .index_right:before { |
| 49 | - position: absolute; | ||
| 50 | - left: -0.1rem; | ||
| 51 | - right: -0.1rem; | ||
| 52 | - top: -0.1rem; | ||
| 53 | - bottom: -0.1rem; | ||
| 54 | - content: ''; | 50 | + position: absolute; |
| 51 | + left: -0.1rem; | ||
| 52 | + right: -0.1rem; | ||
| 53 | + top: -0.1rem; | ||
| 54 | + bottom: -0.1rem; | ||
| 55 | + content: ''; | ||
| 55 | } | 56 | } |
| 56 | 57 | ||
| 57 | .index_right img { | 58 | .index_right img { |
| 58 | - height: 0.44rem; | 59 | + height: 0.44rem; |
| 59 | } | 60 | } |
| 60 | 61 | ||
| 61 | footer { | 62 | footer { |
| 62 | - display: flex; | ||
| 63 | - align-items: center; | ||
| 64 | - justify-content: space-around; | ||
| 65 | - position: fixed; | ||
| 66 | - width: 100%; | ||
| 67 | - font-size: 12px; | ||
| 68 | - left: 0; | ||
| 69 | - color: #969696; | ||
| 70 | - bottom: 0; | ||
| 71 | - background-color: #fff; | ||
| 72 | - border: 1px solid #f2f2f2; | ||
| 73 | - z-index: 100; | 63 | + display: flex; |
| 64 | + align-items: center; | ||
| 65 | + justify-content: space-around; | ||
| 66 | + width: 100%; | ||
| 67 | + font-size: 12px; | ||
| 68 | + color: #969696; | ||
| 69 | + background-color: #fff; | ||
| 70 | + border: 1px solid #f2f2f2; | ||
| 71 | + | ||
| 74 | } | 72 | } |
| 75 | 73 | ||
| 76 | .footer_item { | 74 | .footer_item { |
| 77 | - padding: 0.23rem 0 0.16rem 0; | ||
| 78 | - display: flex; | ||
| 79 | - align-items: center; | ||
| 80 | - flex-direction: column; | ||
| 81 | - flex: 1; | ||
| 82 | - text-align: center; | 75 | + padding: 0.23rem 0 0.16rem 0; |
| 76 | + display: flex; | ||
| 77 | + align-items: center; | ||
| 78 | + flex-direction: column; | ||
| 79 | + flex: 1; | ||
| 80 | + text-align: center; | ||
| 83 | } | 81 | } |
| 84 | 82 | ||
| 85 | .footer_item_active { | 83 | .footer_item_active { |
| 86 | - color: #dbb25f; | 84 | + color: #dbb25f; |
| 87 | } | 85 | } |
| 88 | 86 | ||
| 89 | .img_transform { | 87 | .img_transform { |
| 90 | - transform: rotate(45deg); | ||
| 91 | - transition: 0.1s; | 88 | + transform: rotate(45deg); |
| 89 | + transition: 0.1s; | ||
| 92 | } | 90 | } |
| 93 | 91 | ||
| 94 | .img_transform1 { | 92 | .img_transform1 { |
| 95 | - transform: rotate(0deg); | ||
| 96 | - transition: 0.1s; | 93 | + transform: rotate(0deg); |
| 94 | + transition: 0.1s; | ||
| 97 | } | 95 | } |
| 98 | 96 | ||
| 97 | + | ||
| 99 | /*首页内容部分*/ | 98 | /*首页内容部分*/ |
| 100 | 99 | ||
| 101 | .index_list { | 100 | .index_list { |
| 102 | - overflow: hidden; | ||
| 103 | - display: flex; | ||
| 104 | - align-items: center; | ||
| 105 | - flex-wrap: wrap; | ||
| 106 | - margin: 0.15rem 0 0.13rem 0; | ||
| 107 | - padding: 0.19rem 0 0 0; | ||
| 108 | - background-color: #fff; | ||
| 109 | - box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 110 | - position: relative; | 101 | + overflow: hidden; |
| 102 | + display: flex; | ||
| 103 | + align-items: center; | ||
| 104 | + flex-wrap: wrap; | ||
| 105 | + margin: 0.15rem 0 0.13rem 0; | ||
| 106 | + padding: 0.19rem 0 0 0; | ||
| 107 | + background-color: #fff; | ||
| 108 | + box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 109 | + position: relative; | ||
| 111 | } | 110 | } |
| 112 | 111 | ||
| 113 | .index_item { | 112 | .index_item { |
| 114 | - width: 20%; | ||
| 115 | - text-align: center; | ||
| 116 | - display: flex; | ||
| 117 | - align-items: center; | ||
| 118 | - flex-direction: column; | ||
| 119 | - margin: 0 0 0.3rem 0; | ||
| 120 | - font-size: 12px; | ||
| 121 | - color: #35373D; | ||
| 122 | - overflow: hidden; | 113 | + width: 20%; |
| 114 | + text-align: center; | ||
| 115 | + display: flex; | ||
| 116 | + align-items: center; | ||
| 117 | + flex-direction: column; | ||
| 118 | + margin: 0 0 0.3rem 0; | ||
| 119 | + font-size: 12px; | ||
| 120 | + color: #35373D; | ||
| 121 | + overflow: hidden; | ||
| 123 | } | 122 | } |
| 124 | 123 | ||
| 125 | .index_img { | 124 | .index_img { |
| 126 | - height: 0.82rem; | ||
| 127 | - width: 0.82rem; | ||
| 128 | - display: flex; | ||
| 129 | - align-items: center; | ||
| 130 | - justify-content: center; | ||
| 131 | - background-color: #f2f2f2; | ||
| 132 | - border-radius: 50%; | ||
| 133 | - overflow: hidden; | ||
| 134 | - margin-bottom: 0.07rem; | 125 | + height: 0.82rem; |
| 126 | + width: 0.82rem; | ||
| 127 | + display: flex; | ||
| 128 | + align-items: center; | ||
| 129 | + justify-content: center; | ||
| 130 | + background-color: #f2f2f2; | ||
| 131 | + border-radius: 50%; | ||
| 132 | + overflow: hidden; | ||
| 133 | + margin-bottom: 0.07rem; | ||
| 135 | } | 134 | } |
| 136 | 135 | ||
| 137 | .index_img img { | 136 | .index_img img { |
| 138 | - width: 100%; | ||
| 139 | - font-size: 0; | 137 | + width: 100%; |
| 138 | + font-size: 0; | ||
| 140 | } | 139 | } |
| 141 | 140 | ||
| 142 | .menus { | 141 | .menus { |
| 143 | - display: flex; | ||
| 144 | - flex-direction: column; | ||
| 145 | - color: #424242; | ||
| 146 | - font-size: 15px; | ||
| 147 | - position: fixed; | ||
| 148 | - right: 0.25rem; | ||
| 149 | - top: 0; | ||
| 150 | - background-color: #fff; | ||
| 151 | - border-radius: 0.07rem; | ||
| 152 | - z-index: 20; | 142 | + display: flex; |
| 143 | + flex-direction: column; | ||
| 144 | + color: #424242; | ||
| 145 | + font-size: 15px; | ||
| 146 | + position: fixed; | ||
| 147 | + right: 0.25rem; | ||
| 148 | + top: 1.05rem; | ||
| 149 | + background-color: #fff; | ||
| 150 | + border-radius: 0.07rem; | ||
| 151 | + z-index: 20; | ||
| 153 | } | 152 | } |
| 154 | 153 | ||
| 155 | .menus_item { | 154 | .menus_item { |
| 156 | - padding: 0.1rem 0.2rem; | ||
| 157 | - border-bottom: 1px solid #eee; | ||
| 158 | - display: flex; | ||
| 159 | - align-items: center; | 155 | + padding: 0.1rem 0.2rem; |
| 156 | + border-bottom: 1px solid #eee; | ||
| 157 | + display: flex; | ||
| 158 | + align-items: center; | ||
| 160 | } | 159 | } |
| 161 | 160 | ||
| 162 | .menus_item .iconfont { | 161 | .menus_item .iconfont { |
| 163 | - color: #dbb25f; | ||
| 164 | - font-size: 20px; | ||
| 165 | - margin-right: 0.2rem; | ||
| 166 | - font-weight: bold; | 162 | + color: #dbb25f; |
| 163 | + font-size: 20px; | ||
| 164 | + margin-right: 0.2rem; | ||
| 165 | + font-weight: bold; | ||
| 167 | } | 166 | } |
| 168 | 167 | ||
| 169 | .banner_box img { | 168 | .banner_box img { |
| 170 | - width: 100%; | 169 | + width: 100%; |
| 171 | } | 170 | } |
| 172 | 171 | ||
| 173 | .banner_nav_box { | 172 | .banner_nav_box { |
| 174 | - display: flex; | ||
| 175 | - align-items: center; | ||
| 176 | - justify-content: space-between; | ||
| 177 | - flex-wrap: wrap; | 173 | + display: flex; |
| 174 | + align-items: center; | ||
| 175 | + justify-content: space-between; | ||
| 176 | + flex-wrap: wrap; | ||
| 178 | } | 177 | } |
| 179 | 178 | ||
| 180 | .banner_item { | 179 | .banner_item { |
| 181 | - width: 49%; | ||
| 182 | - display: flex; | ||
| 183 | - align-items: center; | ||
| 184 | - justify-content: space-between; | ||
| 185 | - background-color: #fff; | ||
| 186 | - box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 187 | - margin-bottom: 0.16rem; | ||
| 188 | - overflow: hidden; | ||
| 189 | - /*padding: 0.2rem 0;*/ | 180 | + width: 49%; |
| 181 | + display: flex; | ||
| 182 | + align-items: center; | ||
| 183 | + justify-content: space-between; | ||
| 184 | + background-color: #fff; | ||
| 185 | + box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 186 | + margin-bottom: 0.16rem; | ||
| 187 | + overflow: hidden; | ||
| 188 | + /*padding: 0.2rem 0;*/ | ||
| 190 | } | 189 | } |
| 191 | 190 | ||
| 192 | .banner_item_left { | 191 | .banner_item_left { |
| 193 | - padding: 0.22rem 0 0.22rem 0.22rem; | ||
| 194 | - /*max-width: 1.6rem;*/ | ||
| 195 | - font-size: 12px; | ||
| 196 | - color: #8E8E8E; | ||
| 197 | - display: flex; | ||
| 198 | - flex-direction: column; | ||
| 199 | - line-height: 0.3rem; | 192 | + padding: 0.22rem 0 0.22rem 0.22rem; |
| 193 | + /*max-width: 1.6rem;*/ | ||
| 194 | + font-size: 12px; | ||
| 195 | + color: #8E8E8E; | ||
| 196 | + display: flex; | ||
| 197 | + flex-direction: column; | ||
| 198 | + line-height: 0.3rem; | ||
| 200 | } | 199 | } |
| 201 | 200 | ||
| 202 | .banner_item_title { | 201 | .banner_item_title { |
| 203 | - /*font-weight: bold;*/ | ||
| 204 | - color: #2C2C2E; | ||
| 205 | - font-size: 15px; | 202 | + /*font-weight: bold;*/ |
| 203 | + color: #2C2C2E; | ||
| 204 | + font-size: 15px; | ||
| 206 | } | 205 | } |
| 207 | 206 | ||
| 207 | + | ||
| 208 | /*.banner_item img {*/ | 208 | /*.banner_item img {*/ |
| 209 | + | ||
| 210 | + | ||
| 209 | /*width: 100%;*/ | 211 | /*width: 100%;*/ |
| 212 | + | ||
| 213 | + | ||
| 210 | /*!*max-height: 1.3rem;*!*/ | 214 | /*!*max-height: 1.3rem;*!*/ |
| 215 | + | ||
| 216 | + | ||
| 211 | /*}*/ | 217 | /*}*/ |
| 212 | 218 | ||
| 213 | .banner_item_img { | 219 | .banner_item_img { |
| 214 | - display: flex; | ||
| 215 | - align-items: center; | ||
| 216 | - justify-content: center; | 220 | + display: flex; |
| 221 | + align-items: center; | ||
| 222 | + justify-content: center; | ||
| 217 | } | 223 | } |
| 218 | 224 | ||
| 219 | .banner_item_img img { | 225 | .banner_item_img img { |
| 220 | - width: 100%; | 226 | + width: 100%; |
| 221 | } | 227 | } |
| 222 | 228 | ||
| 223 | .banner_item_content { | 229 | .banner_item_content { |
| 224 | - display: -webkit-box; | ||
| 225 | - -webkit-box-orient: vertical; | ||
| 226 | - -webkit-line-clamp: 2; | ||
| 227 | - overflow: hidden; | ||
| 228 | - max-width: 2rem; | 230 | + display: -webkit-box; |
| 231 | + -webkit-box-orient: vertical; | ||
| 232 | + -webkit-line-clamp: 2; | ||
| 233 | + overflow: hidden; | ||
| 234 | + max-width: 2rem; | ||
| 229 | } | 235 | } |
| 230 | 236 | ||
| 231 | .swiper_box { | 237 | .swiper_box { |
| 232 | - background-color: #fff; | ||
| 233 | - padding: 0 0.14rem; | ||
| 234 | - z-index: 0; | ||
| 235 | - overflow: hidden; | 238 | + background-color: #fff; |
| 239 | + margin: 0 0.14rem;*/ | ||
| 240 | + z-index: 0; | ||
| 241 | + overflow: hidden; | ||
| 236 | } | 242 | } |
| 237 | 243 | ||
| 238 | .swiper-container { | 244 | .swiper-container { |
| 239 | - overflow: hidden; | 245 | + overflow: hidden; |
| 240 | } | 246 | } |
| 241 | 247 | ||
| 242 | .swiper_title { | 248 | .swiper_title { |
| 243 | - display: flex; | ||
| 244 | - align-items: center; | ||
| 245 | - justify-content: space-between; | ||
| 246 | - padding: 0.29rem 0.11rem 0.21rem 0; | 249 | + display: flex; |
| 250 | + align-items: center; | ||
| 251 | + justify-content: space-between; | ||
| 252 | + padding: 0.29rem 0.11rem 0.21rem 0; | ||
| 247 | } | 253 | } |
| 248 | 254 | ||
| 249 | .swiper_title img { | 255 | .swiper_title img { |
| 250 | - height: 0.3rem; | ||
| 251 | - margin: 0 0.1rem; | 256 | + height: 0.3rem; |
| 257 | + margin: 0 0.1rem; | ||
| 252 | } | 258 | } |
| 253 | 259 | ||
| 254 | .swiper_title_content { | 260 | .swiper_title_content { |
| 255 | - display: flex; | ||
| 256 | - align-items: center; | ||
| 257 | - justify-content: center; | ||
| 258 | - font-size: 18px; | ||
| 259 | - text-align: center; | ||
| 260 | - color: #424242; | ||
| 261 | - flex: 1; | ||
| 262 | - padding-left: 1.2rem; | 261 | + display: flex; |
| 262 | + align-items: center; | ||
| 263 | + justify-content: center; | ||
| 264 | + font-size: 18px; | ||
| 265 | + text-align: center; | ||
| 266 | + color: #424242; | ||
| 267 | + flex: 1; | ||
| 268 | + padding-left: 1.2rem; | ||
| 263 | } | 269 | } |
| 264 | 270 | ||
| 265 | .change_slide { | 271 | .change_slide { |
| 266 | - color: #979797; | ||
| 267 | - font-size: 12px; | 272 | + color: #979797; |
| 273 | + font-size: 12px; | ||
| 268 | } | 274 | } |
| 269 | 275 | ||
| 270 | .icon-xunhuan101 { | 276 | .icon-xunhuan101 { |
| 271 | - font-size: 14px; | ||
| 272 | - margin-left: 0.2rem; | 277 | + font-size: 14px; |
| 278 | + margin-left: 0.2rem; | ||
| 273 | } | 279 | } |
| 274 | 280 | ||
| 275 | .swiper_item { | 281 | .swiper_item { |
| 276 | - | ||
| 277 | - /*display: flex;*/ | ||
| 278 | - /*align-items: center;*/ | ||
| 279 | - /*justify-content: space-between;*/ | ||
| 280 | - /*font-size: 14px;*/ | ||
| 281 | - /*color: #424242;*/ | ||
| 282 | - /*padding: 14px 12px 14px 0;*/ | ||
| 283 | - /*margin: 0 7px;*/ | ||
| 284 | - border-top: 1px solid #ececec; | ||
| 285 | - box-sizing: border-box; | ||
| 286 | - background-color: #fff; | ||
| 287 | - /*width: 100%;*/ | 282 | + /*display: flex;*/ |
| 283 | + /*align-items: center;*/ | ||
| 284 | + /*justify-content: space-between;*/ | ||
| 285 | + /*font-size: 14px;*/ | ||
| 286 | + /*color: #424242;*/ | ||
| 287 | + /*padding: 14px 12px 14px 0;*/ | ||
| 288 | + /*margin: 0 7px;*/ | ||
| 289 | + border-top: 1px solid #ececec; | ||
| 290 | + box-sizing: border-box; | ||
| 291 | + background-color: #fff; | ||
| 292 | + /*width: 100%;*/ | ||
| 288 | } | 293 | } |
| 289 | 294 | ||
| 290 | .swiper_item_img { | 295 | .swiper_item_img { |
| 291 | - width: 1.86rem; | ||
| 292 | - height: 1.60rem; | ||
| 293 | - display: flex; | ||
| 294 | - align-items: center; | ||
| 295 | - justify-content: center; | ||
| 296 | - margin-right: 0.22rem; | ||
| 297 | - overflow: hidden; | ||
| 298 | - border-radius: 0.1rem; | ||
| 299 | - float: left; | ||
| 300 | - padding: 0.28rem 0 0 0 ; | ||
| 301 | - | 296 | + width: 1.86rem; |
| 297 | + height: 1.60rem; | ||
| 298 | + display: flex; | ||
| 299 | + align-items: center; | ||
| 300 | + justify-content: center; | ||
| 301 | + margin-right: 0.22rem; | ||
| 302 | + overflow: hidden; | ||
| 303 | + border-radius: 0.1rem; | ||
| 304 | + float: left; | ||
| 305 | + padding: 0.28rem 0 0 0; | ||
| 302 | } | 306 | } |
| 303 | 307 | ||
| 304 | .swiper_item_img img { | 308 | .swiper_item_img img { |
| 305 | - width: 100%; | 309 | + width: 100%; |
| 306 | } | 310 | } |
| 307 | 311 | ||
| 308 | .swiper_item_title { | 312 | .swiper_item_title { |
| 309 | - color: #2C2C2E; | ||
| 310 | - font-size: 16px; | 313 | + color: #2C2C2E; |
| 314 | + font-size: 16px; | ||
| 311 | } | 315 | } |
| 312 | 316 | ||
| 313 | .swiper_item_content { | 317 | .swiper_item_content { |
| 314 | - margin: -0.1rem 0 0 0; | ||
| 315 | - color: #979797; | ||
| 316 | - font-size: 13px; | ||
| 317 | - display: -webkit-box; | ||
| 318 | - -webkit-box-orient: vertical; | ||
| 319 | - -webkit-line-clamp: 1; | ||
| 320 | - overflow: hidden; | 318 | + margin: -0.1rem 0 0 0; |
| 319 | + color: #979797; | ||
| 320 | + font-size: 13px; | ||
| 321 | + display: -webkit-box; | ||
| 322 | + -webkit-box-orient: vertical; | ||
| 323 | + -webkit-line-clamp: 1; | ||
| 324 | + overflow: hidden; | ||
| 321 | } | 325 | } |
| 322 | 326 | ||
| 323 | .swiper_item_type { | 327 | .swiper_item_type { |
| 324 | - font-size: 12px; | ||
| 325 | - color: #8E8E8E; | ||
| 326 | - display: flex; | ||
| 327 | - align-items: center; | 328 | + font-size: 12px; |
| 329 | + color: #8E8E8E; | ||
| 330 | + display: flex; | ||
| 331 | + align-items: center; | ||
| 328 | } | 332 | } |
| 329 | 333 | ||
| 330 | .swiper_item_right { | 334 | .swiper_item_right { |
| 331 | - flex: 1; | ||
| 332 | - height: 1.6rem; | ||
| 333 | - display: flex; | ||
| 334 | - justify-content: space-between; | ||
| 335 | - flex-direction: column; | ||
| 336 | - margin: 0.28rem 0.25rem 0.28rem 0; | 335 | + flex: 1; |
| 336 | + height: 1.6rem; | ||
| 337 | + display: flex; | ||
| 338 | + justify-content: space-between; | ||
| 339 | + flex-direction: column; | ||
| 340 | + margin: 0.28rem 0.25rem 0.28rem 0; | ||
| 337 | } | 341 | } |
| 338 | 342 | ||
| 339 | -.swiper_item_type1, .swiper_item_type2, .swiper_item_type3 { | ||
| 340 | - display: flex; | ||
| 341 | - align-items: center; | ||
| 342 | - margin-right: 0.2rem; | 343 | +.swiper_item_type1, |
| 344 | +.swiper_item_type2, | ||
| 345 | +.swiper_item_type3 { | ||
| 346 | + display: flex; | ||
| 347 | + align-items: center; | ||
| 348 | + margin-right: 0.2rem; | ||
| 343 | } | 349 | } |
| 344 | 350 | ||
| 345 | -.swiper_item_type1 span, .swiper_item_type2 span, .swiper_item_type3 span { | ||
| 346 | - display: -webkit-box; | ||
| 347 | - -webkit-box-orient: vertical; | ||
| 348 | - -webkit-line-clamp: 1; | ||
| 349 | - overflow: hidden; | 351 | +.swiper_item_type1 span, |
| 352 | +.swiper_item_type2 span, | ||
| 353 | +.swiper_item_type3 span { | ||
| 354 | + display: -webkit-box; | ||
| 355 | + -webkit-box-orient: vertical; | ||
| 356 | + -webkit-line-clamp: 1; | ||
| 357 | + overflow: hidden; | ||
| 350 | } | 358 | } |
| 351 | 359 | ||
| 352 | .icon_img { | 360 | .icon_img { |
| 353 | - width: 0.25rem; | ||
| 354 | - display: flex; | ||
| 355 | - align-items: center; | ||
| 356 | - justify-content: center; | ||
| 357 | - margin-right: 0.05rem; | 361 | + width: 0.25rem; |
| 362 | + display: flex; | ||
| 363 | + align-items: center; | ||
| 364 | + justify-content: center; | ||
| 365 | + margin-right: 0.05rem; | ||
| 358 | } | 366 | } |
| 359 | 367 | ||
| 360 | .icon_img img { | 368 | .icon_img img { |
| 361 | - width: 100%; | 369 | + width: 100%; |
| 362 | } | 370 | } |
| 363 | 371 | ||
| 364 | -.icon_box1, .icon_box2, .icon_box3 { | ||
| 365 | - height: 0.3rem; | ||
| 366 | - width: 0.3rem; | ||
| 367 | - border-radius: 50%; | ||
| 368 | - display: flex; | ||
| 369 | - align-items: center; | ||
| 370 | - justify-content: center; | ||
| 371 | - margin-right: 0.02rem; | 372 | +.icon_box1, |
| 373 | +.icon_box2, | ||
| 374 | +.icon_box3 { | ||
| 375 | + height: 0.3rem; | ||
| 376 | + width: 0.3rem; | ||
| 377 | + border-radius: 50%; | ||
| 378 | + display: flex; | ||
| 379 | + align-items: center; | ||
| 380 | + justify-content: center; | ||
| 381 | + margin-right: 0.02rem; | ||
| 372 | } | 382 | } |
| 373 | 383 | ||
| 374 | .swiper_item_type .iconfont { | 384 | .swiper_item_type .iconfont { |
| 375 | - font-size: 10px; | ||
| 376 | - color: #ffffff; | 385 | + font-size: 10px; |
| 386 | + color: #ffffff; | ||
| 377 | } | 387 | } |
| 378 | 388 | ||
| 379 | .icon_box1 { | 389 | .icon_box1 { |
| 380 | - background-color: #f87e59; | 390 | + background-color: #f87e59; |
| 381 | } | 391 | } |
| 382 | 392 | ||
| 383 | .icon_box1 .icon-fanhui { | 393 | .icon_box1 .icon-fanhui { |
| 384 | - transform: rotate(-60deg); | 394 | + transform: rotate(-60deg); |
| 385 | } | 395 | } |
| 386 | 396 | ||
| 387 | .icon_box2 { | 397 | .icon_box2 { |
| 388 | - background-color: #d8b25f; | 398 | + background-color: #d8b25f; |
| 389 | } | 399 | } |
| 390 | 400 | ||
| 391 | .icon_box3 { | 401 | .icon_box3 { |
| 392 | - background-color: #EFA660; | 402 | + background-color: #EFA660; |
| 393 | } | 403 | } |
| 394 | 404 | ||
| 395 | .swiper_item_money { | 405 | .swiper_item_money { |
| 396 | - display: flex; | ||
| 397 | - justify-content: flex-end; | ||
| 398 | - font-size: 12px; | ||
| 399 | - color: #E87136; | 406 | + display: flex; |
| 407 | + justify-content: flex-end; | ||
| 408 | + font-size: 12px; | ||
| 409 | + color: #E87136; | ||
| 400 | } | 410 | } |
| 401 | 411 | ||
| 402 | .swiper_item_type .icon-shijian { | 412 | .swiper_item_type .icon-shijian { |
| 403 | - color: #f87e59; | ||
| 404 | - font-size: 18px; | 413 | + color: #f87e59; |
| 414 | + font-size: 18px; | ||
| 405 | } | 415 | } |
| 406 | 416 | ||
| 417 | + | ||
| 407 | /*专业护理*/ | 418 | /*专业护理*/ |
| 419 | + | ||
| 408 | .nurse_banner { | 420 | .nurse_banner { |
| 409 | - background-repeat: no-repeat; | ||
| 410 | - background-size: cover; | ||
| 411 | - background-position: center; | ||
| 412 | - height: 2.77rem; | ||
| 413 | - width: 100%; | ||
| 414 | - display: flex; | ||
| 415 | - align-items: center; | ||
| 416 | - justify-content: center; | ||
| 417 | - margin-bottom: 0.15rem; | 421 | + background-repeat: no-repeat; |
| 422 | + background-size: cover; | ||
| 423 | + background-position: center; | ||
| 424 | + height: 2.77rem; | ||
| 425 | + width: 100%; | ||
| 426 | + display: flex; | ||
| 427 | + align-items: center; | ||
| 428 | + justify-content: center; | ||
| 429 | + margin-bottom: 0.15rem; | ||
| 418 | } | 430 | } |
| 419 | 431 | ||
| 420 | .nurse_text { | 432 | .nurse_text { |
| 421 | - text-align: center; | ||
| 422 | - padding: 0.2rem 0.35rem; | ||
| 423 | - font-size: 15px; | ||
| 424 | - border-bottom: 1px solid #fff; | ||
| 425 | - color: #fff; | ||
| 426 | - border-top: 1px solid #fff; | 433 | + text-align: center; |
| 434 | + padding: 0.2rem 0.35rem; | ||
| 435 | + font-size: 15px; | ||
| 436 | + border-bottom: 1px solid #fff; | ||
| 437 | + color: #fff; | ||
| 438 | + border-top: 1px solid #fff; | ||
| 427 | } | 439 | } |
| 428 | 440 | ||
| 429 | .nurse_title { | 441 | .nurse_title { |
| 430 | - font-size: 11px; | ||
| 431 | - color: #999999; | ||
| 432 | - display: flex; | ||
| 433 | - align-items: center; | ||
| 434 | - background-color: #fff; | ||
| 435 | - padding: 0.25rem 0.42rem 0 0.42rem; | 442 | + font-size: 11px; |
| 443 | + color: #999999; | ||
| 444 | + display: flex; | ||
| 445 | + align-items: center; | ||
| 446 | + background-color: #fff; | ||
| 447 | + padding: 0.25rem 0.42rem 0 0.42rem; | ||
| 436 | } | 448 | } |
| 437 | 449 | ||
| 438 | .pro { | 450 | .pro { |
| 439 | - color: #D8B25F; | ||
| 440 | - font-size: 15px; | 451 | + color: #D8B25F; |
| 452 | + font-size: 15px; | ||
| 441 | } | 453 | } |
| 442 | 454 | ||
| 443 | .prod { | 455 | .prod { |
| 444 | - color: #5FB4F4; | ||
| 445 | - font-size: 15px; | ||
| 446 | - padding: 0 0.23rem 0 0; | 456 | + color: #5FB4F4; |
| 457 | + font-size: 15px; | ||
| 458 | + padding: 0 0.23rem 0 0; | ||
| 447 | } | 459 | } |
| 448 | 460 | ||
| 449 | .nurse_img_box { | 461 | .nurse_img_box { |
| 450 | - display: flex; | ||
| 451 | - align-items: center; | ||
| 452 | - justify-content: space-around; | ||
| 453 | - background-color: #fff; | ||
| 454 | - padding: 0.25rem 0.2rem 0.35rem 0.25rem; | ||
| 455 | - flex-wrap: wrap; | ||
| 456 | - margin-bottom: 0.13rem; | 462 | + display: flex; |
| 463 | + align-items: center; | ||
| 464 | + justify-content: space-around; | ||
| 465 | + background-color: #fff; | ||
| 466 | + padding: 0.25rem 0.2rem 0.35rem 0.25rem; | ||
| 467 | + flex-wrap: wrap; | ||
| 468 | + margin-bottom: 0.13rem; | ||
| 457 | } | 469 | } |
| 458 | 470 | ||
| 459 | .nurse_item { | 471 | .nurse_item { |
| 460 | - width: 30%; | ||
| 461 | - font-size: 12px; | ||
| 462 | - color: #999999; | ||
| 463 | - display: flex; | ||
| 464 | - align-items: center; | ||
| 465 | - flex-direction: column; | ||
| 466 | - justify-content: center; | ||
| 467 | - /*padding: 0.24rem 0 0 0;*/ | ||
| 468 | - background-color: #f8f8f8; | 472 | + width: 30%; |
| 473 | + font-size: 12px; | ||
| 474 | + color: #999999; | ||
| 475 | + display: flex; | ||
| 476 | + align-items: center; | ||
| 477 | + flex-direction: column; | ||
| 478 | + justify-content: center; | ||
| 479 | + /*padding: 0.24rem 0 0 0;*/ | ||
| 480 | + background-color: #f8f8f8; | ||
| 469 | } | 481 | } |
| 470 | 482 | ||
| 471 | .nurse_item_title { | 483 | .nurse_item_title { |
| 472 | - text-align: center; | ||
| 473 | - font-size: 15px; | ||
| 474 | - color: #424242; | ||
| 475 | - padding-bottom: 0.21rem; | 484 | + text-align: center; |
| 485 | + font-size: 15px; | ||
| 486 | + color: #424242; | ||
| 487 | + padding-bottom: 0.21rem; | ||
| 476 | } | 488 | } |
| 477 | 489 | ||
| 478 | .nurse_item_price { | 490 | .nurse_item_price { |
| 479 | - color: #E87136; | 491 | + color: #E87136; |
| 480 | } | 492 | } |
| 481 | 493 | ||
| 482 | .nurse_item_img { | 494 | .nurse_item_img { |
| 483 | - width: 100%; | ||
| 484 | - /*margin-top: 0.27rem;*/ | ||
| 485 | - display: flex; | ||
| 486 | - align-items: center; | ||
| 487 | - justify-content: center; | 495 | + width: 100%; |
| 496 | + /*margin-top: 0.27rem;*/ | ||
| 497 | + display: flex; | ||
| 498 | + align-items: center; | ||
| 499 | + justify-content: center; | ||
| 488 | } | 500 | } |
| 489 | 501 | ||
| 490 | .nurse_item_img img { | 502 | .nurse_item_img img { |
| 491 | - width: 100%; | 503 | + width: 100%; |
| 492 | } | 504 | } |
| 493 | 505 | ||
| 494 | .business_box { | 506 | .business_box { |
| 495 | - display: flex; | ||
| 496 | - align-items: center; | ||
| 497 | - justify-content: space-between; | ||
| 498 | - flex-wrap: wrap; | ||
| 499 | - background-color: #fff; | ||
| 500 | - padding: 0.13rem 0; | ||
| 501 | - box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 502 | - margin-bottom: 0.13rem; | 507 | + display: flex; |
| 508 | + align-items: center; | ||
| 509 | + justify-content: space-between; | ||
| 510 | + flex-wrap: wrap; | ||
| 511 | + background-color: #fff; | ||
| 512 | + padding: 0.13rem 0; | ||
| 513 | + box-shadow: 0.01rem 0.02rem 0.05rem #C8C6C6; | ||
| 514 | + margin-bottom: 0.13rem; | ||
| 503 | } | 515 | } |
| 504 | 516 | ||
| 505 | .business_item { | 517 | .business_item { |
| 506 | - width: 50%; | ||
| 507 | - border-bottom: 1px solid #f6f6f6; | ||
| 508 | - font-size: 15px; | ||
| 509 | - color: #424242; | ||
| 510 | - display: flex; | ||
| 511 | - align-items: center; | ||
| 512 | - padding: 0.26rem; | 518 | + width: 50%; |
| 519 | + border-bottom: 1px solid #f6f6f6; | ||
| 520 | + font-size: 15px; | ||
| 521 | + color: #424242; | ||
| 522 | + display: flex; | ||
| 523 | + align-items: center; | ||
| 524 | + padding: 0.26rem; | ||
| 513 | } | 525 | } |
| 514 | 526 | ||
| 515 | .business_item:nth-child(2n-1) { | 527 | .business_item:nth-child(2n-1) { |
| 516 | - border-right: 1px solid #f6f6f6; | 528 | + border-right: 1px solid #f6f6f6; |
| 517 | } | 529 | } |
| 518 | 530 | ||
| 519 | .business_item_img { | 531 | .business_item_img { |
| 520 | - display: flex; | ||
| 521 | - align-items: center; | ||
| 522 | - justify-content: center; | ||
| 523 | - width: 0.8rem; | ||
| 524 | - height: 0.8rem; | ||
| 525 | - margin-right: 0.15rem; | ||
| 526 | - border-radius: 50%; | ||
| 527 | - overflow: hidden; | 532 | + display: flex; |
| 533 | + align-items: center; | ||
| 534 | + justify-content: center; | ||
| 535 | + width: 0.8rem; | ||
| 536 | + height: 0.8rem; | ||
| 537 | + margin-right: 0.15rem; | ||
| 538 | + border-radius: 50%; | ||
| 539 | + overflow: hidden; | ||
| 528 | } | 540 | } |
| 529 | 541 | ||
| 530 | .business_item_right { | 542 | .business_item_right { |
| 531 | - flex: 1; | 543 | + flex: 1; |
| 532 | } | 544 | } |
| 533 | 545 | ||
| 534 | .business_item_img img { | 546 | .business_item_img img { |
| 535 | - width: 100%; | 547 | + width: 100%; |
| 536 | } | 548 | } |
| 537 | 549 | ||
| 538 | .business_content { | 550 | .business_content { |
| 539 | - color: #929292; | ||
| 540 | - font-size: 11px; | 551 | + color: #929292; |
| 552 | + font-size: 11px; | ||
| 541 | } | 553 | } |
| 542 | 554 | ||
| 543 | .business_item_title { | 555 | .business_item_title { |
| 544 | - margin: 0; | ||
| 545 | - font-weight: bold; | 556 | + margin: 0; |
| 557 | + font-weight: bold; | ||
| 546 | } | 558 | } |
| 547 | 559 | ||
| 548 | .bcg { | 560 | .bcg { |
| 549 | - background-color: #fff; | ||
| 550 | - padding: 0; | 561 | + background-color: #fff; |
| 562 | + padding: 0; | ||
| 551 | } | 563 | } |
| 552 | 564 | ||
| 553 | .bold { | 565 | .bold { |
| 554 | - font-weight: bold; | ||
| 555 | - padding: 0.29rem 0 0.22rem 0; | 566 | + font-weight: bold; |
| 567 | + padding: 0.29rem 0 0.22rem 0; | ||
| 556 | } | 568 | } |
| 557 | 569 | ||
| 558 | .bcg .nurse_item_img { | 570 | .bcg .nurse_item_img { |
| 559 | - width: 1.15rem; | 571 | + width: 1.15rem; |
| 560 | } | 572 | } |
| 561 | 573 | ||
| 562 | .index1 { | 574 | .index1 { |
| 563 | - /*background-repeat: no-repeat;*/ | ||
| 564 | - /*background-size: cover;*/ | ||
| 565 | - width: 100%; | ||
| 566 | - display: flex; | ||
| 567 | - align-items: center; | ||
| 568 | - justify-content: center; | ||
| 569 | - border-bottom: 1px solid #f2f2f2; | ||
| 570 | - background-color: #fff; | 575 | + /*background-repeat: no-repeat;*/ |
| 576 | + /*background-size: cover;*/ | ||
| 577 | + width: 100%; | ||
| 578 | + display: flex; | ||
| 579 | + align-items: center; | ||
| 580 | + justify-content: center; | ||
| 581 | + border-bottom: 1px solid #f2f2f2; | ||
| 582 | + background-color: #fff; | ||
| 571 | } | 583 | } |
| 572 | 584 | ||
| 573 | .index1 img { | 585 | .index1 img { |
| 574 | - width: 100%; | 586 | + width: 100%; |
| 575 | } | 587 | } |
| 576 | 588 | ||
| 577 | .index1_item { | 589 | .index1_item { |
| 578 | - display: flex; | ||
| 579 | - align-items: center; | ||
| 580 | - justify-content: space-between; | ||
| 581 | - padding: 0.1rem 0.4rem; | ||
| 582 | - line-height: 0.88rem; | ||
| 583 | - width: 100%; | ||
| 584 | - position: fixed; | ||
| 585 | - top: 0; | ||
| 586 | - left: 0; | ||
| 587 | - z-index: 999; | 590 | + display: flex; |
| 591 | + align-items: center; | ||
| 592 | + justify-content: space-between; | ||
| 593 | + padding: 0.1rem 0.4rem; | ||
| 594 | + line-height: 0.88rem; | ||
| 595 | + width: 100%; | ||
| 596 | + position: fixed; | ||
| 597 | + top: 0; | ||
| 598 | + left: 0; | ||
| 599 | + z-index: 999; | ||
| 588 | } | 600 | } |
| 589 | 601 | ||
| 590 | .index1 .iconfont { | 602 | .index1 .iconfont { |
| 591 | - color: #fff; | 603 | + color: #fff; |
| 592 | } | 604 | } |
| 593 | 605 | ||
| 594 | @keyframes opacity { | 606 | @keyframes opacity { |
| 595 | - from { | ||
| 596 | - opacity: 0; | ||
| 597 | - } | ||
| 598 | - to { | ||
| 599 | - opacity: 1; | ||
| 600 | - } | 607 | + from { |
| 608 | + opacity: 0; | ||
| 609 | + } | ||
| 610 | + to { | ||
| 611 | + opacity: 1; | ||
| 612 | + } | ||
| 601 | } | 613 | } |
| 602 | 614 | ||
| 603 | .fixed_top { | 615 | .fixed_top { |
| 604 | - position: fixed; | ||
| 605 | - left: 0; | ||
| 606 | - top: 0; | ||
| 607 | - width: 100%; | ||
| 608 | - z-index: 9; | ||
| 609 | - background-color: #fff; | ||
| 610 | - animation: opacity 0.2s forwards; | ||
| 611 | - border-bottom: 1px solid #f6f6f6; | 616 | + position: fixed; |
| 617 | + left: 0; | ||
| 618 | + top: 0; | ||
| 619 | + width: 100%; | ||
| 620 | + z-index: 9; | ||
| 621 | + background-color: #fff; | ||
| 622 | + animation: opacity 0.2s forwards; | ||
| 623 | + border-bottom: 1px solid #f6f6f6; | ||
| 624 | +} | ||
| 625 | +html,body{ | ||
| 626 | + height: 100%; | ||
| 627 | +} | ||
| 628 | +#app { | ||
| 629 | + height: 100%; | ||
| 630 | + display: flex; | ||
| 631 | + display: -webkit-flex; | ||
| 632 | + display: -webkit-box; | ||
| 633 | + flex-flow: column; | ||
| 634 | + -webkit-flex-flow: column; | ||
| 635 | + -webkit-box-orient: vertical; | ||
| 636 | + overflow-x: hidden; | ||
| 637 | +} | ||
| 638 | + | ||
| 639 | +.warp { | ||
| 640 | + position: relative; | ||
| 641 | + -webkit-box-flex: 1; | ||
| 642 | + -webkit-flex: 1; | ||
| 643 | + flex: 1; | ||
| 644 | + overflow: auto; | ||
| 612 | } | 645 | } |
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | -<head> | ||
| 4 | - <meta charset="UTF-8"> | ||
| 5 | - <meta name="viewport" | ||
| 6 | - content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> | ||
| 7 | - <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | ||
| 8 | - <title></title> | ||
| 9 | - <script src="../../assets/js/fontsize.js"></script> | ||
| 10 | - <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 11 | - <link rel="stylesheet" href="../../assets/css/api.css"/> | ||
| 12 | - <!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">--> | ||
| 13 | - <link rel="stylesheet" href="../../assets/css/my_f.css"/> | ||
| 14 | - <link rel="stylesheet" href="../../assets/css/index.css"> | ||
| 15 | - <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | ||
| 16 | - <style> | ||
| 17 | - header { | ||
| 18 | - width: 100%; | ||
| 19 | - height: auto; | ||
| 20 | - font-size: 20px; | ||
| 21 | - /*background-color: #dbb25f;*/ | ||
| 22 | - } | ||
| 23 | 3 | ||
| 24 | - .headers { | ||
| 25 | - background-color: #dbb25f; | ||
| 26 | - } | 4 | + <head> |
| 5 | + <meta charset="UTF-8"> | ||
| 6 | + <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> | ||
| 7 | + <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | ||
| 8 | + <title>慈界医养</title> | ||
| 9 | + <script src="../../assets/js/fontsize.js"></script> | ||
| 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 11 | + <link rel="stylesheet" href="../../assets/css/api.css" /> | ||
| 12 | + <link rel="stylesheet" href="../../assets/css/my_f.css" /> | ||
| 13 | + <link rel="stylesheet" href="../../assets/css/index.css"> | ||
| 14 | + <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | ||
| 15 | + <style> | ||
| 16 | + header { | ||
| 17 | + width: 100%; | ||
| 18 | + height: auto; | ||
| 19 | + font-size: 20px; | ||
| 20 | + /*background-color: #dbb25f;*/ | ||
| 21 | + } | ||
| 22 | + | ||
| 23 | + .headers { | ||
| 24 | + background-color: #dbb25f; | ||
| 25 | + } | ||
| 26 | + | ||
| 27 | + .strict_box { | ||
| 28 | + display: flex; | ||
| 29 | + align-items: center; | ||
| 30 | + justify-content: space-around; | ||
| 31 | + font-size: 11px; | ||
| 32 | + color: #565656; | ||
| 33 | + padding: 0.26rem 0; | ||
| 34 | + background-color: #fff; | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .strict_box .iconfont { | ||
| 38 | + color: #D8B25F; | ||
| 39 | + font-size: 15px; | ||
| 40 | + margin-right: 0.1rem; | ||
| 41 | + } | ||
| 42 | + | ||
| 43 | + .strict_box1 { | ||
| 44 | + display: flex; | ||
| 45 | + align-items: center; | ||
| 46 | + justify-content: space-between; | ||
| 47 | + font-size: 11px; | ||
| 48 | + padding: 0.21rem 0.37rem; | ||
| 49 | + background-color: #fff; | ||
| 50 | + } | ||
| 51 | + | ||
| 52 | + .strict_box1_left { | ||
| 53 | + padding: 0.14rem 0.3rem; | ||
| 54 | + box-shadow: 0 0 3px #ccc; | ||
| 55 | + color: #686868; | ||
| 56 | + border-radius: 0.16rem; | ||
| 57 | + } | ||
| 58 | + | ||
| 59 | + .strict_box1_right { | ||
| 60 | + padding: 0.14rem 0.3rem; | ||
| 61 | + color: #FBA500; | ||
| 62 | + box-shadow: 0 0 3px rgba(251, 165, 0, 0.5); | ||
| 63 | + border-radius: 0.16rem; | ||
| 64 | + } | ||
| 65 | + | ||
| 66 | + .progress_box { | ||
| 67 | + margin: 0.1rem 0.26rem 0 0.26rem; | ||
| 68 | + background-color: #f5f5f5; | ||
| 69 | + } | ||
| 70 | + | ||
| 71 | + .progress { | ||
| 72 | + height: 0.08rem; | ||
| 73 | + background-color: #D8B25F; | ||
| 74 | + width: 0; | ||
| 75 | + } | ||
| 76 | + | ||
| 77 | + .target_box { | ||
| 78 | + display: flex; | ||
| 79 | + align-items: center; | ||
| 80 | + justify-content: space-between; | ||
| 81 | + padding: 0.46rem 0; | ||
| 82 | + box-shadow: 0 -3px 4px 0 #E4E4E4 inset; | ||
| 83 | + background-color: #fff; | ||
| 84 | + } | ||
| 85 | + | ||
| 86 | + .target_item { | ||
| 87 | + font-size: 17px; | ||
| 88 | + color: #060606; | ||
| 89 | + /*font-weight: 600;*/ | ||
| 90 | + text-align: center; | ||
| 91 | + flex: 1; | ||
| 92 | + border-right: 1px solid #d9d9d9; | ||
| 93 | + padding: 0.2rem 0 0.1rem 0; | ||
| 94 | + } | ||
| 95 | + | ||
| 96 | + .target_item:last-child { | ||
| 97 | + border: 0; | ||
| 98 | + } | ||
| 99 | + | ||
| 100 | + .target_item_bottom { | ||
| 101 | + font-size: 12px; | ||
| 102 | + color: #565656; | ||
| 103 | + } | ||
| 104 | + | ||
| 105 | + .strict_title { | ||
| 106 | + display: flex; | ||
| 107 | + align-items: center; | ||
| 108 | + justify-content: space-between; | ||
| 109 | + font-size: 17px; | ||
| 110 | + color: #000; | ||
| 111 | + padding: 0.35rem 0; | ||
| 112 | + background-color: #fff; | ||
| 113 | + } | ||
| 114 | + | ||
| 115 | + .strict_title span { | ||
| 116 | + flex: 1; | ||
| 117 | + text-align: center; | ||
| 118 | + } | ||
| 119 | + | ||
| 120 | + .strict_title .strict_title_item { | ||
| 121 | + border-right: 2px solid #D8B25F; | ||
| 122 | + } | ||
| 123 | + | ||
| 124 | + .strict_title .strict_title_item_active { | ||
| 125 | + color: #D8B25F; | ||
| 126 | + } | ||
| 127 | + | ||
| 128 | + .strict_content_title { | ||
| 129 | + padding: 0.32rem 0; | ||
| 130 | + display: flex; | ||
| 131 | + align-items: center; | ||
| 132 | + justify-content: center; | ||
| 133 | + font-size: 12px; | ||
| 134 | + color: #060606; | ||
| 135 | + background-color: #fff; | ||
| 136 | + } | ||
| 137 | + | ||
| 138 | + .strict_content_title .quan { | ||
| 139 | + padding: 0.1rem 0; | ||
| 140 | + border-bottom: 1px solid #333; | ||
| 141 | + } | ||
| 142 | + | ||
| 143 | + .strict_box_img { | ||
| 144 | + display: flex; | ||
| 145 | + align-items: center; | ||
| 146 | + justify-content: center; | ||
| 147 | + } | ||
| 148 | + | ||
| 149 | + .strict_box_img img { | ||
| 150 | + width: 100%; | ||
| 151 | + } | ||
| 152 | + | ||
| 153 | + .strict_btn { | ||
| 154 | + display: flex; | ||
| 155 | + align-items: center; | ||
| 156 | + justify-content: space-between; | ||
| 157 | + background: #fff; | ||
| 158 | + padding: 0 0 0 0.57rem; | ||
| 159 | + /*margin: 0.08rem 0 0 0;*/ | ||
| 160 | + position: fixed; | ||
| 161 | + width: 100%; | ||
| 162 | + left: 0; | ||
| 163 | + bottom: 0; | ||
| 164 | + z-index: 2; | ||
| 165 | + /*border-top: 1px solid #fff;*/ | ||
| 166 | + } | ||
| 167 | + | ||
| 168 | + .strict_btn_price { | ||
| 169 | + font-size: 18px; | ||
| 170 | + color: #E87139; | ||
| 171 | + flex: 1; | ||
| 172 | + } | ||
| 173 | + | ||
| 174 | + .strict_btn_right { | ||
| 175 | + flex: 1; | ||
| 176 | + display: flex; | ||
| 177 | + align-items: center; | ||
| 178 | + font-size: 10px; | ||
| 179 | + color: #333; | ||
| 180 | + } | ||
| 181 | + | ||
| 182 | + .goPay { | ||
| 183 | + padding: 0.28rem 0; | ||
| 184 | + background-color: #D8B25F; | ||
| 185 | + font-size: 15px; | ||
| 186 | + color: #fff; | ||
| 187 | + flex: 1; | ||
| 188 | + text-align: center; | ||
| 189 | + } | ||
| 190 | + | ||
| 191 | + .strict_btn_right_item { | ||
| 192 | + padding: 0 0.32rem; | ||
| 193 | + display: flex; | ||
| 194 | + align-items: center; | ||
| 195 | + flex-direction: column; | ||
| 196 | + border-left: 1px solid #E4E4E4 | ||
| 197 | + } | ||
| 198 | + | ||
| 199 | + .rmb { | ||
| 200 | + font-size: 13px; | ||
| 201 | + } | ||
| 202 | + | ||
| 203 | + .index_on { | ||
| 204 | + background-color: #fff; | ||
| 205 | + border-bottom: 1px solid #f2f2f2; | ||
| 206 | + } | ||
| 207 | + | ||
| 208 | + .index_on .iconfont { | ||
| 209 | + color: #D8B25F; | ||
| 210 | + } | ||
| 211 | + /*flex布局*/ | ||
| 212 | + | ||
| 213 | + [v-cloak] { | ||
| 214 | + display: none; | ||
| 215 | + } | ||
| 216 | + </style> | ||
| 217 | + </head> | ||
| 27 | 218 | ||
| 28 | - .app_name { | ||
| 29 | - padding-right: 0.8rem; | ||
| 30 | - font-family: "fzjt"; | ||
| 31 | - font-size: 20px; | ||
| 32 | - } | 219 | + <body> |
| 220 | + <div id="app" v-cloak> | ||
| 221 | + <div class="warp" v-cloak> | ||
| 222 | + <header class="" id="header"> | ||
| 223 | + <div class="my_top"> | ||
| 224 | + <div class="my_header_boxs" @click="my_detail"> | ||
| 225 | + <div class="my_header_box"> | ||
| 226 | + <img :src="user_type.avatar?user_type.avatar:'../../assets/image/default_img.png'" alt=""> | ||
| 227 | + </div> | ||
| 228 | + <span :class="['my_vip',user_type.is_vip==1?'vip_show':'no_vip']">V</span> | ||
| 229 | + </div> | ||
| 230 | + <div class="my_name">{{user_type.name}}</div> | ||
| 231 | + </div> | ||
| 232 | + </header> | ||
| 233 | + <div class="my_count"> | ||
| 234 | + <div class="my_count_item" @click="my_balance(user_type.balance)"> | ||
| 235 | + <div class="my_price">{{user_type.balance?user_type.balance:0.00}}元</div> | ||
| 236 | + <div>账户余额</div> | ||
| 237 | + </div> | ||
| 238 | + <div class="my_count_item" @click="my_consumption"> | ||
| 239 | + <div class="my_price">{{user_type.count?user_type.count:0}}张</div> | ||
| 240 | + <div>消费金额</div> | ||
| 241 | + </div> | ||
| 242 | + </div> | ||
| 243 | + <div class="my_item_box"> | ||
| 244 | + <div class="my_item" @click="goPay"> | ||
| 245 | + <img src="../../assets/image/my0.png" alt=""> | ||
| 246 | + <span>我的订单</span> | ||
| 247 | + </div> | ||
| 248 | + <div class="my_item" @click="go_hearth"> | ||
| 249 | + <img src="../../assets/image/my1.png" alt=""> | ||
| 250 | + <span>健康档案</span> | ||
| 251 | + </div> | ||
| 252 | + <div class="my_item border_2" @click="my_power"> | ||
| 253 | + <img src="../../assets/image/my2.png" alt=""> | ||
| 254 | + <span>我的权益</span> | ||
| 255 | + </div> | ||
| 256 | + <div class="my_item border_1" @click="question"> | ||
| 257 | + <img src="../../assets/image/my3.png" alt=""> | ||
| 258 | + <span>常见问题</span> | ||
| 259 | + </div> | ||
| 260 | + <div class="my_item border_1 " @click="friend"> | ||
| 261 | + <img src="../../assets/image/my4.png" alt=""> | ||
| 262 | + <span>邀请好友</span> | ||
| 263 | + <span class="my_money">领取高额消费金额</span> | ||
| 264 | + </div> | ||
| 265 | + <div class="my_item border_1 border_2" @click="set"> | ||
| 266 | + <img src="../../assets/image/my5.png" alt=""> | ||
| 267 | + <span>设置</span> | ||
| 268 | + </div> | ||
| 269 | + </div> | ||
| 270 | + </div> | ||
| 33 | 271 | ||
| 34 | - .triangle_border_up span { | ||
| 35 | - display: block; | ||
| 36 | - width: 0; | ||
| 37 | - height: 0; | ||
| 38 | - border-width: 0 5px 5px; | ||
| 39 | - border-style: solid; | ||
| 40 | - border-color: transparent transparent #fff; /*透明 透明 黄*/ | ||
| 41 | - position: absolute; | ||
| 42 | - bottom: 0; | ||
| 43 | - right: 0.55rem; | ||
| 44 | - } | 272 | + <footer> |
| 273 | + <div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)"> | ||
| 274 | + <i class="iconfont icon-yuanjiaojuxingkaobei"></i> | ||
| 275 | + <span>严选</span> | ||
| 276 | + </div> | ||
| 277 | + <div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)"> | ||
| 278 | + <i class="iconfont icon-xingzhuang"></i> | ||
| 279 | + <span>投资</span> | ||
| 280 | + </div> | ||
| 281 | + <div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)"> | ||
| 282 | + <i class="iconfont icon-wo"></i> | ||
| 283 | + <span>我的</span> | ||
| 284 | + </div> | ||
| 45 | 285 | ||
| 46 | - .mold_index { | ||
| 47 | - position: absolute; | ||
| 48 | - } | ||
| 49 | - | ||
| 50 | - #container { | ||
| 51 | - width: 0; | ||
| 52 | - height: 0; | ||
| 53 | - } | ||
| 54 | - | ||
| 55 | - .index1 .icon-fenxiang-tianchong { | ||
| 56 | - color: #d8b25f; | ||
| 57 | - } | ||
| 58 | - | ||
| 59 | - .my_top { | ||
| 60 | - overflow: hidden; | ||
| 61 | - } | ||
| 62 | - | ||
| 63 | - .dot { | ||
| 64 | - position: absolute; | ||
| 65 | - height: 10px; | ||
| 66 | - width: 10px; | ||
| 67 | - background-color: #EE6449; | ||
| 68 | - border-radius: 50%; | ||
| 69 | - right: 0.44rem; | ||
| 70 | - top: 0.37rem; | ||
| 71 | - z-index: 100000; | ||
| 72 | - } | ||
| 73 | - | ||
| 74 | - .my_top_icon_box { | ||
| 75 | - background-color: #ddbb72; | ||
| 76 | - padding:0.2rem 0.5rem 0.2rem 0; | ||
| 77 | - } | ||
| 78 | - | ||
| 79 | - </style> | ||
| 80 | -</head> | ||
| 81 | -<body> | ||
| 82 | -<div id="app" v-cloak> | ||
| 83 | - <div id="container"></div> | ||
| 84 | - <header :class="index===0?'headers':''"> | ||
| 85 | - <div class="index_header" v-if="index==0"> | ||
| 86 | - <div class="index_left" > | ||
| 87 | - <div class="index_left_img"> | ||
| 88 | - <div class="iconfont icon-dizhi"></div> | ||
| 89 | - </div> | ||
| 90 | - <span @click.stop="goToCity">{{cityname?cityname:'定位中...'}}</span> | ||
| 91 | - </div> | ||
| 92 | - <span class="app_name">慈界医养</span> | ||
| 93 | - <div class="index_right" @click="show_menu"> | ||
| 94 | - <img src="../../assets/image/plus.png" alt="" :class="[img_active?'img_transform':'img_transform1']"> | ||
| 95 | - </div> | ||
| 96 | - </div> | ||
| 97 | - <div class="index1" v-else-if="index==1"> | ||
| 98 | - <div class="index1_item index_on"> | ||
| 99 | - <!--<div class="index1_item index_on">--> | ||
| 100 | - <div></div> | ||
| 101 | - <div class="iconfont icon-fenxiang-tianchong"></div> | ||
| 102 | - </div> | ||
| 103 | - </div> | ||
| 104 | - <div class="my_top_icon_box" v-else> | ||
| 105 | - <span class="iconfont icon-xiaoxi" @click="my_news"></span> | ||
| 106 | - <span class="dot" v-show="newList.length!=0"></span> | ||
| 107 | - </div> | ||
| 108 | - <div class="triangle_border_up" v-show="img_active"> | ||
| 109 | - <span></span> | ||
| 110 | - </div> | ||
| 111 | - </header> | ||
| 112 | - <footer> | ||
| 113 | - <div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)"> | ||
| 114 | - <i class="iconfont icon-yuanjiaojuxingkaobei"></i> | ||
| 115 | - <span>严选</span> | ||
| 116 | - </div> | ||
| 117 | - <div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)"> | ||
| 118 | - <i class="iconfont icon-xingzhuang"></i> | ||
| 119 | - <span>投资</span> | ||
| 120 | - </div> | ||
| 121 | - <div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)"> | ||
| 122 | - <i class="iconfont icon-wo"></i> | ||
| 123 | - <span>我的</span> | ||
| 124 | - </div> | ||
| 125 | - <div class="mold_index" v-show="img_active" @click="hideMenu"></div> | ||
| 126 | - </footer> | ||
| 127 | -</div> | ||
| 128 | -</body> | 286 | + </footer> |
| 287 | + </div> | ||
| 288 | + </body> | ||
| 129 | </html> | 289 | </html> |
| 130 | <script> | 290 | <script> |
| 131 | - window.onLoad = function () { | ||
| 132 | - var map = new AMap.Map('container'); | ||
| 133 | - } | ||
| 134 | - var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad'; | ||
| 135 | - var jsapi = document.createElement('script'); | ||
| 136 | - jsapi.charset = 'utf-8'; | ||
| 137 | - jsapi.src = url; | ||
| 138 | - document.head.appendChild(jsapi); | 291 | + window.onLoad = function() { |
| 292 | + var map = new AMap.Map('container'); | ||
| 293 | + } | ||
| 294 | + var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad'; | ||
| 295 | + var jsapi = document.createElement('script'); | ||
| 296 | + jsapi.charset = 'utf-8'; | ||
| 297 | + jsapi.src = url; | ||
| 298 | + document.head.appendChild(jsapi); | ||
| 139 | </script> | 299 | </script> |
| 140 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 300 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 301 | +<script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> | ||
| 141 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> | 302 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> |
| 142 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 303 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 143 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 304 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| 144 | <script> | 305 | <script> |
| 145 | - new FastClick(document.body); | 306 | + new FastClick(document.body); |
| 146 | </script> | 307 | </script> |
| 147 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> | 308 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> |
| 148 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> | 309 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> |
| 149 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> | 310 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> |
| 150 | <script> | 311 | <script> |
| 151 | - var app = new Vue({ | ||
| 152 | - el: "#app", | ||
| 153 | - data: { | ||
| 154 | - index: 0, | ||
| 155 | - headerH: '', | ||
| 156 | - footerH: '', | ||
| 157 | - getlng: '', | ||
| 158 | - getlat: '', | ||
| 159 | - cityindex: '', | ||
| 160 | - cityname: '', | ||
| 161 | - img_active: false, | ||
| 162 | - map: {}, | ||
| 163 | - newList: [] | ||
| 164 | - }, | ||
| 165 | - created: function () { | ||
| 166 | - apiready = function () { | ||
| 167 | - api.addEventListener({ | ||
| 168 | - name: 'city' | ||
| 169 | - }, function (ret, err) { | ||
| 170 | - app.cityname = ret.value.city; | ||
| 171 | - }); | ||
| 172 | - app.headerH = $api.offset($api.dom('header')).h; | ||
| 173 | - app.footerH = $api.offset($api.dom('footer')).h; | ||
| 174 | - api.openFrameGroup({ | ||
| 175 | - name: 'index_fm', | ||
| 176 | - scrollEnabled: false, | ||
| 177 | - index: app.index, | ||
| 178 | - preload: 0, | ||
| 179 | - reload: true, | ||
| 180 | - rect: { | ||
| 181 | - x: 0, | ||
| 182 | - y: app.headerH, | ||
| 183 | - w: 'auto', | ||
| 184 | - h: api.winHeight - app.headerH - app.footerH | ||
| 185 | - }, | ||
| 186 | - frames: [ | ||
| 187 | - { | ||
| 188 | - name: 'index_f', | ||
| 189 | - url: '../index/index_f.html', | ||
| 190 | - bounces: false, | ||
| 191 | - }, | ||
| 192 | - { | ||
| 193 | - name: 'strict_f', | ||
| 194 | - url: '../strict/strict_f.html', | ||
| 195 | - bounces: false | ||
| 196 | - }, | ||
| 197 | - { | ||
| 198 | - name: 'my_f', | ||
| 199 | - url: '../my/my_f.html', | ||
| 200 | - bounces: false | ||
| 201 | - } | ||
| 202 | - ], | 312 | + var app = new Vue({ |
| 313 | + el: "#app", | ||
| 314 | + data: { | ||
| 315 | + index: 2, | ||
| 316 | + isLogin: true, | ||
| 317 | + // user_info: [], | ||
| 318 | + user_type: [1], | ||
| 319 | + avatar_default: '../../assets/image/mblogo_03.png', | ||
| 320 | + default_name: '', | ||
| 321 | + marginTop: '', | ||
| 322 | + newList: [], | ||
| 323 | + type: 0 | ||
| 324 | + }, | ||
| 325 | + created: function() { | ||
| 326 | + this.getUserIndexInfo() | ||
| 327 | + this.getNews(); | ||
| 328 | + }, | ||
| 329 | + mounted: function() { | ||
| 330 | + window.addEventListener('scroll', this.handleScroll) | ||
| 331 | + }, | ||
| 332 | + methods: { | ||
| 333 | + // 个人资料 | ||
| 334 | + my_detail: function() { | ||
| 335 | + if(app.user_type == '') { | ||
| 336 | + toastMsg('未登录') | ||
| 337 | + } else { | ||
| 338 | + openView('my_detail', 'my/my_detail', '个人资料', 'my_detail', false, { | ||
| 339 | + rid: 0, | ||
| 340 | + type: 0 | ||
| 341 | + }) | ||
| 342 | + } | ||
| 343 | + }, | ||
| 344 | + // 设置 | ||
| 345 | + set: function() { | ||
| 346 | + openView('my_set', 'my/my_set', '设置', 'my_set', false, false, false) | ||
| 347 | + }, | ||
| 348 | + // 常见问题 | ||
| 349 | + question: function() { | ||
| 350 | + if(app.user_type == '') { | ||
| 351 | + toastMsg('未登录') | ||
| 352 | + } else { | ||
| 353 | + openView('my_que', 'my/my_que', '常见问题', 'my_que', false, false, false) | ||
| 354 | + } | ||
| 355 | + }, | ||
| 356 | + // 邀友有赚 | ||
| 357 | + friend: function() { | ||
| 358 | + if(app.user_type == '') { | ||
| 359 | + toastMsg('未登录') | ||
| 360 | + } else { | ||
| 361 | + openView('my_invite', 'my/my_invite', '邀请好友', 'my_invite', false, { | ||
| 362 | + invite_type: 0 | ||
| 363 | + }) | ||
| 364 | + } | ||
| 365 | + }, | ||
| 366 | + // 我的订单 | ||
| 367 | + goPay: function() { | ||
| 368 | + if(app.user_type == '') { | ||
| 369 | + toastMsg('未登录') | ||
| 370 | + } else { | ||
| 371 | + openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false); | ||
| 372 | + } | ||
| 373 | + }, | ||
| 374 | + // 我的消息 | ||
| 375 | + my_news: function() { | ||
| 376 | + if(app.user_type == '') { | ||
| 377 | + toastMsg('未登录') | ||
| 378 | + } else { | ||
| 379 | + openView('my_news', 'my/my_news', '消息通知', 'my_news', false, { | ||
| 380 | + new_type: 0 | ||
| 381 | + }) | ||
| 382 | + } | ||
| 383 | + }, | ||
| 384 | + // 有无消息判断 | ||
| 385 | + getNews: function() { | ||
| 386 | + var header = { | ||
| 387 | + "XX-Device-Type": getDevice(), | ||
| 388 | + 'XX-Token': getToken() | ||
| 389 | + }; | ||
| 390 | + getRequest('post', 'user/index/getUserMessageList', null, header).then(function(res) { | ||
| 391 | + if(res.data.code == 1) { | ||
| 392 | + app.newList = res.data.data.unread; | ||
| 393 | + } else { | ||
| 394 | + toastMsg(res.data.msg) | ||
| 395 | + } | ||
| 396 | + loadEnd(); | ||
| 397 | + }) | ||
| 398 | + }, | ||
| 399 | + // 我的账号 | ||
| 400 | + my_balance: function() { | ||
| 401 | + if(app.user_type == '') { | ||
| 402 | + toastMsg('未登录') | ||
| 403 | + } else { | ||
| 404 | + openView('my_balance', 'my/my_balance', '我的账号', 'my_balance', false, false, false) | ||
| 405 | + } | ||
| 406 | + }, | ||
| 407 | + // 我的消费金 | ||
| 408 | + my_consumption: function() { | ||
| 409 | + if(app.user_type == '') { | ||
| 410 | + toastMsg('未登录') | ||
| 411 | + } else { | ||
| 412 | + openView('my_consumption', 'my/my_consumption', '我的消费金', 'my_consumption', false, false, false) | ||
| 413 | + } | ||
| 414 | + }, | ||
| 415 | + // 我的权益 | ||
| 416 | + my_power: function() { | ||
| 417 | + var header = { | ||
| 418 | + "XX-Device-Type": getDevice(), | ||
| 419 | + 'XX-Token': getToken() | ||
| 420 | + }; | ||
| 421 | + if(app.user_type == '') { | ||
| 422 | + toastMsg('未登录') | ||
| 423 | + } else { | ||
| 424 | + getRequest('post', 'user/index/myRights', null, header).then(function(res) { | ||
| 425 | + if(res.data.code == 1) { | ||
| 426 | + openView('my_benefit', 'my/my_benefit', '我的权益', 'my_benefit', false, false, false) | ||
| 427 | + } else { | ||
| 428 | + toastMsg(res.data.msg); | ||
| 429 | + } | ||
| 430 | + }); | ||
| 431 | + } | ||
| 432 | + }, | ||
| 433 | + // 健康档案 | ||
| 434 | + go_hearth: function() { | ||
| 435 | + if(app.user_type == '') { | ||
| 436 | + toastMsg('未登录') | ||
| 437 | + } else { | ||
| 438 | + api.openFrame({ | ||
| 439 | + name: 'my_health', | ||
| 440 | + url: './my_health.html', | ||
| 441 | + // bounces: true, | ||
| 442 | + rect: { | ||
| 443 | + x: 0, | ||
| 444 | + y: 0, | ||
| 445 | + w: 'auto', | ||
| 446 | + h: 'auto', | ||
| 447 | + }, | ||
| 448 | + pageParam: { | ||
| 449 | + rid: 0, | ||
| 450 | + type: 0 | ||
| 451 | + } | ||
| 452 | + }); | ||
| 453 | + } | ||
| 454 | + }, | ||
| 455 | + // 获取个人信息 | ||
| 456 | + getUserIndexInfo: function() { | ||
| 457 | + var header = { | ||
| 458 | + "XX-Device-Type": getDevice(), | ||
| 459 | + 'XX-Token': getToken() | ||
| 460 | + }; | ||
| 461 | + getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function(res) { | ||
| 462 | + // alert(JSON.stringify(res)); | ||
| 463 | + if(res.data.code == 1) { | ||
| 464 | + app.user_type = res.data.data; | ||
| 465 | + } else {} | ||
| 466 | + loadEnd() | ||
| 467 | + }); | ||
| 468 | + } | ||
| 203 | 469 | ||
| 204 | - }); | ||
| 205 | - api.addEventListener({ | ||
| 206 | - name: 'index0' | ||
| 207 | - }, function (ret, err) { | ||
| 208 | - api.setFrameGroupIndex({ | ||
| 209 | - name: 'index_fm', | ||
| 210 | - index: ret.value.index | ||
| 211 | - }) | ||
| 212 | - }); | ||
| 213 | - | ||
| 214 | - api.addEventListener({ | ||
| 215 | - name: 'index1' | ||
| 216 | - }, function (ret, err) { | ||
| 217 | - api.setFrameGroupIndex({ | ||
| 218 | - name: 'index_fm', | ||
| 219 | - index: ret.value.index | ||
| 220 | - }) | ||
| 221 | - }); | ||
| 222 | - api.addEventListener({ | ||
| 223 | - name: 'hide_menu' | ||
| 224 | - }, function (ret, err) { | ||
| 225 | - app.img_active = ret.value.img_active; | ||
| 226 | - }); | ||
| 227 | - app.get_city(); | ||
| 228 | - app.getNews(); | ||
| 229 | - } | ||
| 230 | - }, | ||
| 231 | - methods: { | ||
| 232 | - // 我的消息 | ||
| 233 | - my_news: function () { | ||
| 234 | - openView('my_news', 'my/my_news', '消息通知', 'my_news', false, {new_type: 0}) | ||
| 235 | - }, | ||
| 236 | - // 有无消息判断 | ||
| 237 | - getNews: function () { | ||
| 238 | - var header = { | ||
| 239 | - "XX-Device-Type": getDevice(), | ||
| 240 | - 'XX-Token': getToken() | ||
| 241 | - }; | ||
| 242 | - getRequest('post', 'user/index/getUserMessageList', null, header).then(function (res) { | ||
| 243 | - if (res.data.code == 1) { | ||
| 244 | - app.newList = res.data.data.unread; | ||
| 245 | - } else { | ||
| 246 | - toastMsg(res.data.msg) | ||
| 247 | - } | ||
| 248 | - loadEnd(); | ||
| 249 | - }) | ||
| 250 | - }, | ||
| 251 | - // 定位当前城市 | ||
| 252 | - get_city: function () { | ||
| 253 | - app.map = new AMap.Map('container', {}); | ||
| 254 | - app.map.plugin('AMap.Geolocation', function () { | ||
| 255 | - var geolocation = new AMap.Geolocation({ | ||
| 256 | - // 是否使用高精度定位，默认：true | ||
| 257 | - enableHighAccuracy: true, | ||
| 258 | - // 设置定位超时时间，默认：无穷大 | ||
| 259 | - timeout: 10000, | ||
| 260 | - }); | ||
| 261 | - geolocation.getCurrentPosition(); | ||
| 262 | - AMap.event.addListener(geolocation, 'complete', onComplete) | ||
| 263 | - AMap.event.addListener(geolocation, 'error', onError) | ||
| 264 | - | ||
| 265 | - function onComplete(data) { | ||
| 266 | - // console.log(JSON.stringify(data)) | ||
| 267 | - app.cityname = data.addressComponent.province | ||
| 268 | - // data是具体的定位信息 | ||
| 269 | - } | ||
| 270 | - | ||
| 271 | - function onError(erro) { | ||
| 272 | - // 定位出错 | ||
| 273 | - toastMsg('请开启定位功能') | ||
| 274 | - } | ||
| 275 | - }) | ||
| 276 | - }, | ||
| 277 | - // 切换底部导航 | ||
| 278 | - changeTab: function (res) { | ||
| 279 | - | ||
| 280 | - setTimeout(function () { | ||
| 281 | - app.index = res; | ||
| 282 | - api.setFrameGroupIndex({ | ||
| 283 | - name: 'index_fm', | ||
| 284 | - index: res | ||
| 285 | - }) | ||
| 286 | - }, 300); | ||
| 287 | - app.img_active = false; | ||
| 288 | - api.sendEvent({ | ||
| 289 | - name: 'show_menu', | ||
| 290 | - extra: { | ||
| 291 | - img_active: app.img_active | ||
| 292 | - } | ||
| 293 | - }); | ||
| 294 | - }, | ||
| 295 | - // 切换当前城市 | ||
| 296 | - goToCity: function () { | ||
| 297 | - if (app.cityname == '') { | ||
| 298 | - toastMsg('定位中') | ||
| 299 | - } else { | ||
| 300 | - api.openWin({ | ||
| 301 | - name: 'city_win', | ||
| 302 | - url: '../index/city_win.html', | ||
| 303 | - pageParam: { | ||
| 304 | - cityname: app.cityname | ||
| 305 | - } | ||
| 306 | - }); | ||
| 307 | - } | ||
| 308 | - }, | ||
| 309 | - // 显示快捷菜单 | ||
| 310 | - show_menu: function () { | ||
| 311 | - if (app.img_active == false) { | ||
| 312 | - app.img_active = true | ||
| 313 | - } else { | ||
| 314 | - app.img_active = false | ||
| 315 | - } | ||
| 316 | - api.sendEvent({ | ||
| 317 | - name: 'show_menu', | ||
| 318 | - extra: { | ||
| 319 | - img_active: app.img_active | ||
| 320 | - } | ||
| 321 | - }); | ||
| 322 | - }, | ||
| 323 | - // 隐藏快捷菜单 | ||
| 324 | - hideMenu: function () { | ||
| 325 | - app.img_active = !app.img_active; | ||
| 326 | - api.sendEvent({ | ||
| 327 | - name: 'show_menu', | ||
| 328 | - extra: { | ||
| 329 | - img_active: app.img_active | ||
| 330 | - } | ||
| 331 | - }); | ||
| 332 | - }, | ||
| 333 | - | ||
| 334 | - } | ||
| 335 | - }) | ||
| 336 | -</script> | 470 | + } |
| 471 | + }) | ||
| 472 | +</script> |
| 1 | -<!DOCTYPE HTML> | ||
| 2 | -<html> | 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> | ||
| 3 | <head> | 3 | <head> |
| 4 | - <meta charset="utf-8"> | 4 | + <meta charset="UTF-8"> |
| 5 | <meta name="viewport" | 5 | <meta name="viewport" |
| 6 | - content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/> | ||
| 7 | - <meta name="format-detection" content="telephone=no, email=no, date=no, address=no"> | 6 | + content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> |
| 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | 7 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| 9 | - <title></title> | 8 | + <title>慈界医养</title> |
| 10 | <script src="../../assets/js/fontsize.js"></script> | 9 | <script src="../../assets/js/fontsize.js"></script> |
| 11 | - <link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css"> | 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> |
| 12 | <link rel="stylesheet" href="../../assets/css/api.css"/> | 11 | <link rel="stylesheet" href="../../assets/css/api.css"/> |
| 12 | + <link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css"> | ||
| 13 | + <!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">--> | ||
| 14 | + <link rel="stylesheet" href="../../assets/css/my_f.css"/> | ||
| 13 | <link rel="stylesheet" href="../../assets/css/index.css"> | 15 | <link rel="stylesheet" href="../../assets/css/index.css"> |
| 14 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | 16 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> |
| 15 | <style> | 17 | <style> |
| 16 | - body, html { | ||
| 17 | - /*background-color: #efefef;*/ | ||
| 18 | - height: 100%; | 18 | + header { |
| 19 | + width: 100%; | ||
| 20 | + height: auto; | ||
| 21 | + font-size: 20px; | ||
| 22 | + /*background-color: #dbb25f;*/ | ||
| 23 | + } | ||
| 24 | + | ||
| 25 | + .headers { | ||
| 26 | + background-color: #dbb25f; | ||
| 19 | } | 27 | } |
| 20 | - .banner_box { | ||
| 21 | - display: flex; | ||
| 22 | - align-items: center; | ||
| 23 | - justify-content: center; | ||
| 24 | - margin-bottom: 0.1rem; | 28 | + |
| 29 | + .app_name { | ||
| 30 | + padding-right: 0.8rem; | ||
| 31 | + font-family: "fzjt"; | ||
| 32 | + font-size: 20px; | ||
| 25 | } | 33 | } |
| 26 | 34 | ||
| 27 | - .swiper-slide { | ||
| 28 | - width: 100% !important; | 35 | + .triangle_border_up span { |
| 36 | + display: block; | ||
| 37 | + width: 0; | ||
| 38 | + height: 0; | ||
| 39 | + border-width: 0 5px 5px; | ||
| 40 | + border-style: solid; | ||
| 41 | + border-color: transparent transparent #fff; /*透明 透明 黄*/ | ||
| 42 | + position: absolute; | ||
| 43 | + bottom: 0; | ||
| 44 | + right: 0.55rem; | ||
| 29 | } | 45 | } |
| 30 | 46 | ||
| 31 | - .swiper_list { | ||
| 32 | - width: 100%; | 47 | + .mold_index { |
| 48 | + position: absolute; | ||
| 49 | + } | ||
| 50 | + | ||
| 51 | + #container { | ||
| 52 | + width: 0; | ||
| 53 | + height: 0; | ||
| 54 | + } | ||
| 55 | + | ||
| 56 | + .index1 .icon-fenxiang-tianchong { | ||
| 57 | + color: #d8b25f; | ||
| 58 | + } | ||
| 59 | + | ||
| 60 | + .my_top { | ||
| 61 | + overflow: hidden; | ||
| 62 | + } | ||
| 63 | + | ||
| 64 | + .dot { | ||
| 65 | + position: absolute; | ||
| 66 | + height: 10px; | ||
| 67 | + width: 10px; | ||
| 68 | + background-color: #EE6449; | ||
| 69 | + border-radius: 50%; | ||
| 70 | + right: 0.44rem; | ||
| 71 | + top: 0.37rem; | ||
| 72 | + z-index: 100000; | ||
| 33 | } | 73 | } |
| 74 | + | ||
| 75 | + .my_top_icon_box { | ||
| 76 | + background-color: #ddbb72; | ||
| 77 | + padding:0.2rem 0.5rem 0.2rem 0; | ||
| 78 | + } | ||
| 79 | + /*flex布局*/ | ||
| 80 | + [v-cloak]{ | ||
| 81 | + display: none; | ||
| 82 | + } | ||
| 34 | </style> | 83 | </style> |
| 35 | </head> | 84 | </head> |
| 36 | <body> | 85 | <body> |
| 37 | -<div id="loadStart"></div> | ||
| 38 | <div id="app" v-cloak> | 86 | <div id="app" v-cloak> |
| 39 | - <div class="index_list" id="top"> | ||
| 40 | - <div class="index_item" v-for="(item,index) in cat_data" @click="openItem(item.id,item.name)"> | ||
| 41 | - <div class="index_img"><img :src="item.img?item.img:img_default" alt=""></div> | ||
| 42 | - <div>{{item.name}}</div> | ||
| 43 | - </div> | ||
| 44 | - <div class="menus" v-show="img_active"> | ||
| 45 | - <div class="menus_item" @click="openOrder"><span class="iconfont icon-dingdan"></span><span>我的订单</span> | 87 | + <div id="container"></div> |
| 88 | + <header :class="index===0?'headers':''"> | ||
| 89 | + <div class="index_header" v-if="index==0"> | ||
| 90 | + <div class="index_left" > | ||
| 91 | + <div class="index_left_img"> | ||
| 92 | + <div class="iconfont icon-dizhi"></div> | ||
| 93 | + </div> | ||
| 94 | + <span @click.stop="goToCity">{{cityname?cityname:'定位中...'}}</span> | ||
| 46 | </div> | 95 | </div> |
| 47 | - <div class="menus_item" @click="openHealth"><span class="iconfont icon-kongxin"></span><span>健康档案</span> | 96 | + <span class="app_name">慈界医养</span> |
| 97 | + <div class="index_right" @click="show_menu"> | ||
| 98 | + <img src="../../assets/image/plus.png" alt="" :class="[img_active?'img_transform':'img_transform1']"> | ||
| 48 | </div> | 99 | </div> |
| 49 | - <div class="menus_item" @click="openSever"><span class="iconfont icon-kefu"></span><span>客服服务</span></div> | ||
| 50 | - <div class="menus_item" @click="openStrict"><span class="iconfont icon-icon"></span><span>认购权益</span></div> | ||
| 51 | - <!--<div class="menus_item" @click="openQrc"><span class="iconfont icon-saoyisao"></span><span>扫一扫</span></div>--> | ||
| 52 | </div> | 100 | </div> |
| 53 | - </div> | ||
| 54 | - <div class="banner_box" @click="openStrict"><img src="../../assets/image/banner.png" alt=""></div> | ||
| 55 | - <div class="banner_nav_box"> | ||
| 56 | - <div class="banner_item" @click="care(item.goods_id,item.title)" v-for="(item,index) in index_data"> | ||
| 57 | - <div class="banner_item_left"> | ||
| 58 | - <span class="banner_item_title">{{item.title}}</span> | ||
| 59 | - <span class="banner_item_content">{{item.describe}}</span> | ||
| 60 | - </div> | ||
| 61 | - <div class="banner_item_img"> | ||
| 62 | - <img :src="item.img?item.img:img_default" alt=""> | 101 | + <div class="index1" v-else-if="index==1"> |
| 102 | + <div class="index1_item index_on"> | ||
| 103 | + <!--<div class="index1_item index_on">--> | ||
| 104 | + <div></div> | ||
| 105 | + <div class="iconfont icon-fenxiang-tianchong"></div> | ||
| 63 | </div> | 106 | </div> |
| 64 | </div> | 107 | </div> |
| 65 | - </div> | ||
| 66 | - <div class="swiper_title fixed_top" v-show="top_show"> | ||
| 67 | - <span></span> | ||
| 68 | - <span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img | ||
| 69 | - src="../../assets/image/part4_05.jpg" alt=""></span> | ||
| 70 | - <span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span> | ||
| 71 | - </div> | ||
| 72 | - <div class="swiper_box"> | ||
| 73 | - <div class="swiper_title" :class="{fixed_top:top_show}" id="main" v-show="!top_show"> | ||
| 74 | - <span></span> | ||
| 75 | - <span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img | ||
| 76 | - src="../../assets/image/part4_05.jpg" alt=""></span> | ||
| 77 | - <span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span> | 108 | + <div class="my_top_icon_box" v-else> |
| 109 | + <span class="iconfont icon-xiaoxi" @click="my_news"></span> | ||
| 110 | + <span class="dot" v-show="newList.length!=0"></span> | ||
| 78 | </div> | 111 | </div> |
| 79 | - <div class="swiper-container"> | ||
| 80 | - <div class="swiper-wrapper"> | ||
| 81 | - <div class="swiper-slide" v-for="(item,index) in show_data"> | ||
| 82 | - <div class="swiper_item" @click="care(i.goods_id,i.title)" v-for="(i,item_index) in item"> | ||
| 83 | - <div class="swiper_item_img"><img :src="i.img" alt=""></div> | ||
| 84 | - <!--<!–<img src="../../assets/image/logo200.png" alt="">–>--> | ||
| 85 | - <div class="swiper_item_right"> | ||
| 86 | - <div class="swiper_item_title">{{i.title}}</div> | ||
| 87 | - <div class="swiper_item_content">{{i.describe}}</div> | ||
| 88 | - <div class="swiper_item_type"> | ||
| 89 | - <div class="swiper_item_type1" v-for="(j,item2_index) in i.icon"> | ||
| 90 | - <div class="icon_img"><img :src="j.url" alt=""></div> | ||
| 91 | - <span>{{j.text}}</span> | ||
| 92 | - </div> | ||
| 93 | - </div> | ||
| 94 | - <div class="swiper_item_money">￥{{i.price}}</div> | ||
| 95 | - </div> | ||
| 96 | - </div> | ||
| 97 | - </div> | ||
| 98 | - </div> | 112 | + <div class="triangle_border_up" v-show="img_active"> |
| 113 | + <span></span> | ||
| 99 | </div> | 114 | </div> |
| 100 | - <div class="mold_index" v-show="img_active" @touchstart="hideMenu"></div> | 115 | + </header> |
| 116 | + <div class="warp"> | ||
| 117 | + <div class="index_list" id="top"> | ||
| 118 | + <div class="index_item" v-cloak v-for="(item,index) in cat_data" @click="openItem(item.id,item.name)"> | ||
| 119 | + <div class="index_img"><img :src="item.img?item.img:img_default" alt=""></div> | ||
| 120 | + <div>{{item.name}}</div> | ||
| 121 | + </div> | ||
| 122 | + <div class="menus" v-show="img_active"> | ||
| 123 | + <div class="menus_item" @click="openOrder"><span class="iconfont icon-dingdan"></span><span>我的订单</span> | ||
| 124 | + </div> | ||
| 125 | + <div class="menus_item" @click="openHealth"><span class="iconfont icon-kongxin"></span><span>健康档案</span> | ||
| 126 | + </div> | ||
| 127 | + <div class="menus_item" @click="openSever"><span class="iconfont icon-kefu"></span><span>客服服务</span></div> | ||
| 128 | + <div class="menus_item" @click="openStrict"><span class="iconfont icon-icon"></span><span>认购权益</span></div> | ||
| 129 | + <!--<div class="menus_item" @click="openQrc"><span class="iconfont icon-saoyisao"></span><span>扫一扫</span></div>--> | ||
| 130 | + </div> | ||
| 131 | + | ||
| 132 | + <div class="banner_box" @click="openStrict"><img src="../../assets/image/banner.png" alt=""></div> | ||
| 133 | + <div class="banner_nav_box"> | ||
| 134 | + <div class="banner_item" v-cloak @click="care(item.goods_id,item.title)" v-for="(item,index) in index_data"> | ||
| 135 | + <div class="banner_item_left" > | ||
| 136 | + <span class="banner_item_title">{{item.title}}</span> | ||
| 137 | + <span class="banner_item_content">{{item.describe}}</span> | ||
| 138 | + </div> | ||
| 139 | + <div class="banner_item_img"> | ||
| 140 | + <img :src="item.img?item.img:img_default" alt=""> | ||
| 141 | + </div> | ||
| 142 | + </div> | ||
| 143 | + </div> | ||
| 144 | + <div class="swiper_title fixed_top" v-show="top_show"> | ||
| 145 | + <span></span> | ||
| 146 | + <span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg" alt=""></span> | ||
| 147 | + <span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span> | ||
| 148 | + </div> | ||
| 149 | + <div class="swiper_box"> | ||
| 150 | + <div class="swiper_title" :class="{fixed_top:top_show}" id="main" v-show="!top_show"> | ||
| 151 | + <span></span> | ||
| 152 | + <span class="swiper_title_content"> <img src="../../assets/image/part4_03.jpg" alt=""><span>严选推介</span><img src="../../assets/image/part4_05.jpg" alt=""></span> | ||
| 153 | + <span class="change_slide">换一批<span class="iconfont icon-xunhuan101"></span></span> | ||
| 154 | + </div> | ||
| 155 | + <div class="swiper-container"> | ||
| 156 | + <div class="swiper-wrapper"> | ||
| 157 | + <div class="swiper-slide" v-for="(item,index) in show_data"> | ||
| 158 | + <div class="swiper_item" @click="care(i.goods_id,i.title)" v-for="(i,item_index) in item"> | ||
| 159 | + <div class="swiper_item_img"><img :src="i.img" alt=""></div> | ||
| 160 | + <!--<!–<img src="../../assets/image/logo200.png" alt="">–>--> | ||
| 161 | + <div class="swiper_item_right"> | ||
| 162 | + <div class="swiper_item_title">{{i.title}}</div> | ||
| 163 | + <div class="swiper_item_content">{{i.describe}}</div> | ||
| 164 | + <div class="swiper_item_type"> | ||
| 165 | + <div class="swiper_item_type1" v-for="(j,item2_index) in i.icon"> | ||
| 166 | + <div class="icon_img"><img :src="j.url" alt=""></div> | ||
| 167 | + <span>{{j.text}}</span> | ||
| 168 | + </div> | ||
| 169 | + </div> | ||
| 170 | + <div class="swiper_item_money">￥{{i.price}}</div> | ||
| 171 | + </div> | ||
| 172 | + </div> | ||
| 173 | + </div> | ||
| 174 | + </div> | ||
| 175 | + </div> | ||
| 176 | + <div class="mold_index" v-show="img_active" @touchstart="hideMenu"></div> | ||
| 177 | + </div> | ||
| 178 | + </div> | ||
| 101 | </div> | 179 | </div> |
| 180 | + | ||
| 181 | + <footer> | ||
| 182 | + <div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)"> | ||
| 183 | + <i class="iconfont icon-yuanjiaojuxingkaobei"></i> | ||
| 184 | + <span>严选</span> | ||
| 185 | + </div> | ||
| 186 | + <div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)"> | ||
| 187 | + <i class="iconfont icon-xingzhuang"></i> | ||
| 188 | + <span>投资</span> | ||
| 189 | + </div> | ||
| 190 | + <div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)"> | ||
| 191 | + <i class="iconfont icon-wo"></i> | ||
| 192 | + <span>我的</span> | ||
| 193 | + </div> | ||
| 194 | + <div class="mold_index" v-show="img_active" @click="hideMenu"></div> | ||
| 195 | + </footer> | ||
| 102 | </div> | 196 | </div> |
| 103 | </body> | 197 | </body> |
| 104 | </html> | 198 | </html> |
| 199 | +<script> | ||
| 200 | + window.onLoad = function () { | ||
| 201 | + var map = new AMap.Map('container'); | ||
| 202 | + } | ||
| 203 | + var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad'; | ||
| 204 | + var jsapi = document.createElement('script'); | ||
| 205 | + jsapi.charset = 'utf-8'; | ||
| 206 | + jsapi.src = url; | ||
| 207 | + document.head.appendChild(jsapi); | ||
| 208 | +</script> | ||
| 105 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 209 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 106 | <script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> | 210 | <script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> |
| 211 | +<script type="text/javascript" src="../../assets/js/weui.min.js"></script> | ||
| 107 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 212 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 108 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 213 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| 109 | <script> | 214 | <script> |
| 110 | new FastClick(document.body); | 215 | new FastClick(document.body); |
| 111 | </script> | 216 | </script> |
| 112 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> | 217 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> |
| 218 | +<script type="text/javascript" src="../../assets/icon/iconfont.js"></script> | ||
| 113 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> | 219 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> |
| 114 | <script> | 220 | <script> |
| 221 | + new Swiper('.swiper-container', { | ||
| 222 | + observer: true, | ||
| 223 | + observeParents: true, | ||
| 224 | + slidesPerView: 1, | ||
| 225 | + // autoplayDisableOnInteraction: false, | ||
| 226 | + loop: true, | ||
| 227 | + navigation: { | ||
| 228 | + nextEl: '.change_slide', | ||
| 229 | + }, | ||
| 230 | + autoHeight: false, | ||
| 231 | + speed: 1500, | ||
| 232 | + }); | ||
| 115 | var app = new Vue({ | 233 | var app = new Vue({ |
| 116 | - el: '#app', | 234 | + el: "#app", |
| 117 | data: { | 235 | data: { |
| 118 | - img_active: false, | ||
| 119 | - mySwiper: {}, | ||
| 120 | - scroll_top: '', | ||
| 121 | - top_show: false, | ||
| 122 | - cat_data: [], | ||
| 123 | - index_data: [], | ||
| 124 | - show_data: [], | ||
| 125 | - img_default: '../../assets/image/logo200.png', | 236 | + index: 0, |
| 237 | + headerH: '', | ||
| 238 | + footerH: '', | ||
| 239 | + getlng: '', | ||
| 240 | + getlat: '', | ||
| 241 | + cityindex: '', | ||
| 126 | cityname: '', | 242 | cityname: '', |
| 127 | - rongYunToken: '', | ||
| 128 | - userId: '', | ||
| 129 | - user_info: [] | 243 | + img_active: false, |
| 244 | + map: {}, | ||
| 245 | + newList: [], | ||
| 246 | + img_active: false, | ||
| 247 | + mySwiper: {}, | ||
| 248 | + scroll_top: '', | ||
| 249 | + top_show: false, | ||
| 250 | + cat_data: [], | ||
| 251 | + index_data: [], | ||
| 252 | + show_data: [], | ||
| 253 | + img_default: '../../assets/image/logo200.png', | ||
| 254 | + cityname: '', | ||
| 255 | + rongYunToken: '', | ||
| 256 | + userId: '', | ||
| 257 | + user_info: [] | ||
| 130 | }, | 258 | }, |
| 131 | created: function () { | 259 | created: function () { |
| 132 | - apiready = function () { | ||
| 133 | - app.cat();//首页导航 | ||
| 134 | - app.index();//第三栏 | ||
| 135 | - app.show();//严选推荐 | ||
| 136 | - app.cityname = api.pageParam.cityname; | ||
| 137 | - // 获取个人信息 | ||
| 138 | - if (getToken() && getToken() != 'undefined') { | ||
| 139 | - app.getUserIndexInfo() | ||
| 140 | - } | ||
| 141 | - app.img_active = false;//进入 | ||
| 142 | - api.setFrameAttr({ | ||
| 143 | - name: api.frameName, | ||
| 144 | - bounces: true | ||
| 145 | - }); | ||
| 146 | - app.scroll_top = $api.byId('top').scrollHeight; | ||
| 147 | - if (app.scroll_top == 0) { | ||
| 148 | - app.top_show = true; | ||
| 149 | - } else { | ||
| 150 | - app.top_show = false; | ||
| 151 | - } | ||
| 152 | - api.addEventListener({ | ||
| 153 | - name: 'show_menu' | ||
| 154 | - }, function (ret, err) { | ||
| 155 | - app.img_active = ret.value.img_active; | ||
| 156 | - api.setFrameAttr({ | ||
| 157 | - name: 'index_f', | ||
| 158 | - bounces: false | ||
| 159 | - }); | ||
| 160 | - }); | ||
| 161 | - // 底部轮播图 | ||
| 162 | - app.mySwiper = new Swiper('.swiper-container', { | ||
| 163 | - observer: true, | ||
| 164 | - observeParents: true, | ||
| 165 | - slidesPerView: 1, | ||
| 166 | - // autoplayDisableOnInteraction: false, | ||
| 167 | - loop: true, | ||
| 168 | - navigation: { | ||
| 169 | - nextEl: '.change_slide', | ||
| 170 | - }, | ||
| 171 | - autoHeight: true, | ||
| 172 | - speed: 1500, | ||
| 173 | - }); | ||
| 174 | - }; | ||
| 175 | - }, | ||
| 176 | - mounted: function () { | ||
| 177 | - window.addEventListener('scroll', this.handleScroll) | 260 | + this.cat(); //首页导航 |
| 261 | + this.indexList(); //第三栏 | ||
| 262 | + this.show(); //严选推荐 | ||
| 263 | + // 底部轮播图 | ||
| 178 | }, | 264 | }, |
| 265 | + mounted: function() { | ||
| 266 | + window.addEventListener('scroll', this.handleScroll) | ||
| 267 | + }, | ||
| 179 | methods: { | 268 | methods: { |
| 180 | - // 隐藏菜单 | ||
| 181 | - hideMenu: function () { | ||
| 182 | - app.img_active = !app.img_active; | ||
| 183 | - api.sendEvent({ | ||
| 184 | - name: 'hide_menu', | ||
| 185 | - extra: { | ||
| 186 | - img_active: app.img_active | ||
| 187 | - } | ||
| 188 | - }); | 269 | + // 我的消息 |
| 270 | + my_news: function () { | ||
| 271 | + openView('my_news', 'my/my_news', '消息通知', 'my_news', false, {new_type: 0}) | ||
| 189 | }, | 272 | }, |
| 190 | - // 严选推荐定位 | ||
| 191 | - handleScroll: function () { | ||
| 192 | - var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; | ||
| 193 | - var offsetTop = document.querySelector('#main').offsetTop; | ||
| 194 | - if (scrollTop > offsetTop) { | ||
| 195 | - app.top_show = true | ||
| 196 | - } else { | ||
| 197 | - app.top_show = false | ||
| 198 | - } | ||
| 199 | - }, | ||
| 200 | - // 严选推荐定位 | ||
| 201 | - destroyed: function () { | ||
| 202 | - window.removeEventListener('scroll', this.handleScroll) | ||
| 203 | - }, | ||
| 204 | - // 打开投资 | ||
| 205 | - openStrict: function () { | ||
| 206 | - app.img_active = false; | ||
| 207 | - | ||
| 208 | - api.setFrameGroupIndex({ | ||
| 209 | - name: 'index_fm', | ||
| 210 | - index: 1 | ||
| 211 | - }) | ||
| 212 | - }, | ||
| 213 | - // 打开订单 | ||
| 214 | - openOrder: function () { | ||
| 215 | - app.img_active = false; | ||
| 216 | - openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false); | ||
| 217 | - api.sendEvent({ | ||
| 218 | - name: 'hide_menu', | ||
| 219 | - extra: { | ||
| 220 | - img_active: false | ||
| 221 | - } | ||
| 222 | - }); | ||
| 223 | - }, | ||
| 224 | - // 打开健康档案 | ||
| 225 | - openHealth: function () { | ||
| 226 | - app.img_active = false; | ||
| 227 | - api.openWin({ | ||
| 228 | - name: 'my_health_w', | ||
| 229 | - url: '../my/my_health_w.html', | ||
| 230 | - pageParam: { | ||
| 231 | - rid: 0 | ||
| 232 | - } | ||
| 233 | - }); | ||
| 234 | - api.sendEvent({ | ||
| 235 | - name: 'hide_menu', | ||
| 236 | - extra: { | ||
| 237 | - img_active: false | ||
| 238 | - } | ||
| 239 | - }); | ||
| 240 | - }, | ||
| 241 | - // 打开客服 | ||
| 242 | - openSever: function () { | ||
| 243 | - app.img_active = false; | ||
| 244 | - app.getRongYunToken(); | ||
| 245 | - | ||
| 246 | - }, | ||
| 247 | - // 获取客服token | ||
| 248 | - getRongYunToken: function () { | 273 | + // 有无消息判断 |
| 274 | + getNews: function () { | ||
| 249 | var header = { | 275 | var header = { |
| 250 | "XX-Device-Type": getDevice(), | 276 | "XX-Device-Type": getDevice(), |
| 251 | 'XX-Token': getToken() | 277 | 'XX-Token': getToken() |
| 252 | }; | 278 | }; |
| 253 | - getRequest('post', 'portal/RongYun/index', null, header).then(function (res) { | 279 | + getRequest('post', 'user/index/getUserMessageList', null, header).then(function (res) { |
| 254 | if (res.data.code == 1) { | 280 | if (res.data.code == 1) { |
| 255 | - app.rongYunToken = res.data.data.token; | ||
| 256 | - app.userId = res.data.data.userId; | ||
| 257 | - // app.rongyunInit(); | 281 | + app.newList = res.data.data.unread; |
| 258 | } else { | 282 | } else { |
| 283 | + toastMsg(res.data.msg) | ||
| 259 | } | 284 | } |
| 285 | + loadEnd(); | ||
| 260 | }) | 286 | }) |
| 261 | }, | 287 | }, |
| 262 | - // 轮播图跳转详情 | ||
| 263 | - care: function (id, care_name) { | ||
| 264 | - api.openWin({ | ||
| 265 | - name: 'care_w', | ||
| 266 | - url: './care_w.html', | ||
| 267 | - pageParam: { | ||
| 268 | - id: id, | ||
| 269 | - care_name: care_name | 288 | + // 定位当前城市 |
| 289 | + get_city: function () { | ||
| 290 | + app.map = new AMap.Map('container', {}); | ||
| 291 | + app.map.plugin('AMap.Geolocation', function () { | ||
| 292 | + var geolocation = new AMap.Geolocation({ | ||
| 293 | + // 是否使用高精度定位，默认： | ||
| 294 | + enableHighAccuracy: true, | ||
| 295 | + // 设置定位超时时间，默认：无穷大 | ||
| 296 | + timeout: 10000, | ||
| 297 | + }); | ||
| 298 | + geolocation.getCurrentPosition(); | ||
| 299 | + AMap.event.addListener(geolocation, 'complete', onComplete) | ||
| 300 | + AMap.event.addListener(geolocation, 'error', onError) | ||
| 301 | + function onComplete(data) { | ||
| 302 | + console.log(JSON.stringify(data)) | ||
| 303 | + app.cityname = data.addressComponent.province | ||
| 304 | + // data是具体的定位信息 | ||
| 270 | } | 305 | } |
| 271 | - }) | ||
| 272 | - }, | ||
| 273 | - getUserIndexInfo: function () { | ||
| 274 | - var header = { | ||
| 275 | - "XX-Device-Type": getDevice(), | ||
| 276 | - 'XX-Token': getToken() | ||
| 277 | - }; | ||
| 278 | - getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function (res) { | ||
| 279 | - // alert(JSON.stringify(res)) | ||
| 280 | - if (res.data.code == 1) { | ||
| 281 | - app.user_info = res.data.data; | ||
| 282 | - } else { | 306 | + function onError(erro) { |
| 307 | + // 定位出错 | ||
| 308 | + toastMsg('请开启定位功能') | ||
| 283 | } | 309 | } |
| 284 | }) | 310 | }) |
| 285 | }, | 311 | }, |
| 286 | - // 获取分类图标 | ||
| 287 | - cat: function () { | ||
| 288 | - getRequest('post', 'portal/index/cat', null, null).then(function (res) { | ||
| 289 | - if (res.data.code == 1) { | ||
| 290 | - app.cat_data = res.data.data; | ||
| 291 | - // loadEnd(); | ||
| 292 | - } else { | ||
| 293 | - } | ||
| 294 | - }) | 312 | + // 切换底部导航 |
| 313 | + changeTab: function (res) { | ||
| 314 | + //跳转页面 | ||
| 295 | }, | 315 | }, |
| 296 | - // 跳转分类列表 | ||
| 297 | - openItem: function (id, name) { | ||
| 298 | - switch (id) { | ||
| 299 | - case 1: | ||
| 300 | - openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, { | ||
| 301 | - cid: id, | ||
| 302 | - cityname: app.cityname | ||
| 303 | - }); | ||
| 304 | - break; | ||
| 305 | - case 2 : | ||
| 306 | - openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 307 | - cid: id, | ||
| 308 | - cityname: app.cityname | ||
| 309 | - }); | ||
| 310 | - break; | ||
| 311 | - case 3: | ||
| 312 | - openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 313 | - cid: id, | ||
| 314 | - cityname: app.cityname | ||
| 315 | - }); | ||
| 316 | - break; | ||
| 317 | - case 4: | ||
| 318 | - openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 319 | - cid: id, | ||
| 320 | - cityname: app.cityname | ||
| 321 | - }); | ||
| 322 | - break; | ||
| 323 | - case 5: | ||
| 324 | - api.openWin({ | ||
| 325 | - name: 'doc_home_w', | ||
| 326 | - url: './doc_home_w.html', | ||
| 327 | - pageParam: { | ||
| 328 | - cid: id, | ||
| 329 | - cityname: app.cityname | ||
| 330 | - } | ||
| 331 | - }); | ||
| 332 | - break; | ||
| 333 | - case 6: | ||
| 334 | - openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 335 | - cid: id, | ||
| 336 | - cityname: app.cityname | ||
| 337 | - }); | ||
| 338 | - break; | ||
| 339 | - case 7: | ||
| 340 | - openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 341 | - cid: id, | ||
| 342 | - cityname: app.cityname | ||
| 343 | - }); | ||
| 344 | - break; | ||
| 345 | - case 8: | ||
| 346 | - openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 347 | - cid: id, | 316 | + // 切换当前城市 |
| 317 | + goToCity: function () { | ||
| 318 | + if (app.cityname == '') { | ||
| 319 | + toastMsg('定位中') | ||
| 320 | + } else { | ||
| 321 | + api.openWin({ | ||
| 322 | + name: 'city_win', | ||
| 323 | + url: '../index/city_win.html', | ||
| 324 | + pageParam: { | ||
| 348 | cityname: app.cityname | 325 | cityname: app.cityname |
| 349 | - }); | ||
| 350 | - break; | ||
| 351 | - case 9: | ||
| 352 | - api.openWin({ | ||
| 353 | - name: 'Insurance_w', | ||
| 354 | - url: './Insurance_w.html', | ||
| 355 | - pageParam: { | ||
| 356 | - cid: id, | ||
| 357 | - cityname: app.cityname | ||
| 358 | - } | ||
| 359 | - }); | ||
| 360 | - break; | ||
| 361 | - case 10: | ||
| 362 | - api.openWin({ | ||
| 363 | - name: 'tral_w', | ||
| 364 | - url: './tral_w.html', | ||
| 365 | - pageParam: { | ||
| 366 | - cid: id, | ||
| 367 | - cityname: app.cityname | ||
| 368 | - } | ||
| 369 | - }); | ||
| 370 | - break; | ||
| 371 | - // default: | ||
| 372 | - // openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, {cid: id}); | ||
| 373 | - // return; | 326 | + } |
| 327 | + }); | ||
| 374 | } | 328 | } |
| 375 | }, | 329 | }, |
| 376 | - // 获取第三栏列表 | ||
| 377 | - index: function () { | ||
| 378 | - getRequest('post', 'portal/index/index', null, null).then(function (res) { | ||
| 379 | - if (res.data.code == 1) { | ||
| 380 | - app.index_data = res.data.data; | ||
| 381 | - } else { | 330 | + // 显示快捷菜单 |
| 331 | + show_menu: function () { | ||
| 332 | + if (app.img_active == false) { | ||
| 333 | + app.img_active = true | ||
| 334 | + } else { | ||
| 335 | + app.img_active = false | ||
| 336 | + } | ||
| 337 | + }, | ||
| 338 | + // 隐藏快捷菜单 | ||
| 339 | + hideMenu: function () { | ||
| 340 | + app.img_active = !app.img_active; | ||
| 341 | + api.sendEvent({ | ||
| 342 | + name: 'show_menu', | ||
| 343 | + extra: { | ||
| 344 | + img_active: app.img_active | ||
| 382 | } | 345 | } |
| 383 | - setTimeout(function () { | ||
| 384 | - api.hideProgress(); | ||
| 385 | - }, 2000) | ||
| 386 | - }) | 346 | + }); |
| 387 | }, | 347 | }, |
| 388 | - // 获取严选推荐列表 | ||
| 389 | - show: function () { | ||
| 390 | - getRequest('POST', 'portal/index/show', null, null).then(function (res) { | ||
| 391 | - // alert(JSON.stringify(res)); | ||
| 392 | - if (res.data.code == 1) { | ||
| 393 | - app.show_data = res.data.data | ||
| 394 | - } else { | ||
| 395 | - } | ||
| 396 | - }) | ||
| 397 | - } | 348 | + |
| 349 | + //首页的数据 | ||
| 350 | + // 隐藏菜单 | ||
| 351 | + hideMenu: function() { | ||
| 352 | + app.img_active = !app.img_active; | ||
| 353 | + api.sendEvent({ | ||
| 354 | + name: 'hide_menu', | ||
| 355 | + extra: { | ||
| 356 | + img_active: app.img_active | ||
| 357 | + } | ||
| 358 | + }); | ||
| 359 | + }, | ||
| 360 | + // 严选推荐定位 | ||
| 361 | + handleScroll: function() { | ||
| 362 | + var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; | ||
| 363 | + var offsetTop = document.querySelector('#main').offsetTop; | ||
| 364 | + console.log(scrollTop,offsetTop) | ||
| 365 | + if(scrollTop > offsetTop) { | ||
| 366 | + app.top_show = true | ||
| 367 | + } else { | ||
| 368 | + app.top_show = false | ||
| 369 | + } | ||
| 370 | + }, | ||
| 371 | + // 严选推荐定位 | ||
| 372 | + destroyed: function() { | ||
| 373 | + window.removeEventListener('scroll', this.handleScroll) | ||
| 374 | + }, | ||
| 375 | + // 打开投资 | ||
| 376 | + openStrict: function() { | ||
| 377 | + app.img_active = false; | ||
| 378 | + | ||
| 379 | + api.setFrameGroupIndex({ | ||
| 380 | + name: 'index_fm', | ||
| 381 | + index: 1 | ||
| 382 | + }) | ||
| 383 | + }, | ||
| 384 | + // 打开订单 | ||
| 385 | + openOrder: function() { | ||
| 386 | + app.img_active = false; | ||
| 387 | + openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false); | ||
| 388 | + api.sendEvent({ | ||
| 389 | + name: 'hide_menu', | ||
| 390 | + extra: { | ||
| 391 | + img_active: false | ||
| 392 | + } | ||
| 393 | + }); | ||
| 394 | + }, | ||
| 395 | + // 打开健康档案 | ||
| 396 | + openHealth: function() { | ||
| 397 | + app.img_active = false; | ||
| 398 | + api.openWin({ | ||
| 399 | + name: 'my_health_w', | ||
| 400 | + url: '../my/my_health_w.html', | ||
| 401 | + pageParam: { | ||
| 402 | + rid: 0 | ||
| 403 | + } | ||
| 404 | + }); | ||
| 405 | + api.sendEvent({ | ||
| 406 | + name: 'hide_menu', | ||
| 407 | + extra: { | ||
| 408 | + img_active: false | ||
| 409 | + } | ||
| 410 | + }); | ||
| 411 | + }, | ||
| 412 | + // 打开客服 | ||
| 413 | + openSever: function() { | ||
| 414 | + app.img_active = false; | ||
| 415 | + app.getRongYunToken(); | ||
| 416 | + | ||
| 417 | + }, | ||
| 418 | + // 获取客服token | ||
| 419 | + getRongYunToken: function() { | ||
| 420 | + var header = { | ||
| 421 | + "XX-Device-Type": getDevice(), | ||
| 422 | + 'XX-Token': getToken() | ||
| 423 | + }; | ||
| 424 | + getRequest('post', 'portal/RongYun/index', null, header).then(function(res) { | ||
| 425 | + if(res.data.code == 1) { | ||
| 426 | + app.rongYunToken = res.data.data.token; | ||
| 427 | + app.userId = res.data.data.userId; | ||
| 428 | + // app.rongyunInit(); | ||
| 429 | + } else {} | ||
| 430 | + }) | ||
| 431 | + }, | ||
| 432 | + // 轮播图跳转详情 | ||
| 433 | + care: function(id, care_name) { | ||
| 434 | + api.openWin({ | ||
| 435 | + name: 'care_w', | ||
| 436 | + url: './care_w.html', | ||
| 437 | + pageParam: { | ||
| 438 | + id: id, | ||
| 439 | + care_name: care_name | ||
| 440 | + } | ||
| 441 | + }) | ||
| 442 | + }, | ||
| 443 | + getUserIndexInfo: function() { | ||
| 444 | + var header = { | ||
| 445 | + "XX-Device-Type": getDevice(), | ||
| 446 | + 'XX-Token': getToken() | ||
| 447 | + }; | ||
| 448 | + getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function(res) { | ||
| 449 | + // alert(JSON.stringify(res)) | ||
| 450 | + if(res.data.code == 1) { | ||
| 451 | + app.user_info = res.data.data; | ||
| 452 | + } else {} | ||
| 453 | + }) | ||
| 454 | + }, | ||
| 455 | + // 获取分类图标 | ||
| 456 | + cat: function() { | ||
| 457 | + getRequest('post', 'portal/index/cat', null, null).then(function(res) { | ||
| 458 | + if(res.data.code == 1) { | ||
| 459 | + app.cat_data = res.data.data; | ||
| 460 | + // loadEnd(); | ||
| 461 | + } else {} | ||
| 462 | + }) | ||
| 463 | + }, | ||
| 464 | + // 跳转分类列表 | ||
| 465 | + openItem: function(id, name) { | ||
| 466 | + var url = id=='1'?'nursing_f':(id=='2'||id=='3'||id=='6')?'disease_f':(id=='4') | ||
| 467 | + switch(id) { | ||
| 468 | + case 1: | ||
| 469 | + url = 'nursing_f' | ||
| 470 | + openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, { | ||
| 471 | + cid: id, | ||
| 472 | + cityname: app.cityname | ||
| 473 | + }); | ||
| 474 | + break; | ||
| 475 | + case 2: | ||
| 476 | + url = 'disease_f' | ||
| 477 | + openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 478 | + cid: id, | ||
| 479 | + cityname: app.cityname | ||
| 480 | + }); | ||
| 481 | + break; | ||
| 482 | + case 3: | ||
| 483 | + url = 'disease_f' | ||
| 484 | + openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 485 | + cid: id, | ||
| 486 | + cityname: app.cityname | ||
| 487 | + }); | ||
| 488 | + break; | ||
| 489 | + case 4: | ||
| 490 | + url = 'examination_f' | ||
| 491 | + openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 492 | + cid: id, | ||
| 493 | + cityname: app.cityname | ||
| 494 | + }); | ||
| 495 | + break; | ||
| 496 | + case 5: | ||
| 497 | + url = 'doc_home_w' | ||
| 498 | + api.openWin({ | ||
| 499 | + name: 'doc_home_w', | ||
| 500 | + url: './doc_home_w.html', | ||
| 501 | + pageParam: { | ||
| 502 | + cid: id, | ||
| 503 | + cityname: app.cityname | ||
| 504 | + } | ||
| 505 | + }); | ||
| 506 | + break; | ||
| 507 | + case 6: | ||
| 508 | + url = 'disease_f' | ||
| 509 | + openView('disease_f', 'index/disease_f', name, 'disease_f', false, { | ||
| 510 | + cid: id, | ||
| 511 | + cityname: app.cityname | ||
| 512 | + }); | ||
| 513 | + break; | ||
| 514 | + case 7: | ||
| 515 | + url = 'examination_f' | ||
| 516 | + openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 517 | + cid: id, | ||
| 518 | + cityname: app.cityname | ||
| 519 | + }); | ||
| 520 | + break; | ||
| 521 | + case 8: | ||
| 522 | + url = 'examination_f' | ||
| 523 | + openView('examination_f', 'index/examination_f', name, 'examination_f', false, { | ||
| 524 | + cid: id, | ||
| 525 | + cityname: app.cityname | ||
| 526 | + }); | ||
| 527 | + break; | ||
| 528 | + case 9: | ||
| 529 | + url = 'examination_f' | ||
| 530 | + api.openWin({ | ||
| 531 | + name: 'Insurance_w', | ||
| 532 | + url: './Insurance_w.html', | ||
| 533 | + pageParam: { | ||
| 534 | + cid: id, | ||
| 535 | + cityname: app.cityname | ||
| 536 | + } | ||
| 537 | + }); | ||
| 538 | + break; | ||
| 539 | + case 10: | ||
| 540 | + api.openWin({ | ||
| 541 | + name: 'tral_w', | ||
| 542 | + url: './tral_w.html', | ||
| 543 | + pageParam: { | ||
| 544 | + cid: id, | ||
| 545 | + cityname: app.cityname | ||
| 546 | + } | ||
| 547 | + }); | ||
| 548 | + break; | ||
| 549 | + // default: | ||
| 550 | + // openView('nursing_f', 'index/nursing_f', name, 'nursing_f', false, {cid: id}); | ||
| 551 | + // return; | ||
| 552 | + } | ||
| 553 | + }, | ||
| 554 | + // 获取第三栏列表 | ||
| 555 | + indexList: function() { | ||
| 556 | + getRequest('post', 'portal/index/index', null, null).then(function(res) { | ||
| 557 | + if(res.data.code == 1) { | ||
| 558 | + app.index_data = res.data.data; | ||
| 559 | + } else {} | ||
| 560 | + | ||
| 561 | + }) | ||
| 562 | + }, | ||
| 563 | + // 获取严选推荐列表 | ||
| 564 | + show: function() { | ||
| 565 | + getRequest('POST', 'portal/index/show', null, null).then(function(res) { | ||
| 566 | + // alert(JSON.stringify(res)); | ||
| 567 | + if(res.data.code == 1) { | ||
| 568 | + app.show_data = res.data.data | ||
| 569 | + } else {} | ||
| 570 | + }) | ||
| 571 | + }, | ||
| 572 | + //底部菜单跳转 | ||
| 573 | + changeTab(index){ | ||
| 574 | + var url = index==0?'index_f.html':index == 1?'../strict/strict_f.html':'../my/my_f.html' | ||
| 575 | + window.location.href = url | ||
| 576 | + } | ||
| 577 | + | ||
| 398 | } | 578 | } |
| 399 | }) | 579 | }) |
| 400 | </script> | 580 | </script> |
| @@ -37,12 +37,6 @@ | @@ -37,12 +37,6 @@ | ||
| 37 | </div> | 37 | </div> |
| 38 | <div class="login_btn" @click="login_main">登录</div> | 38 | <div class="login_btn" @click="login_main">登录</div> |
| 39 | <div class="no_reg">未注册手机验证后自动注册</div> | 39 | <div class="no_reg">未注册手机验证后自动注册</div> |
| 40 | - <!--<div class="fast_login_box"><span class="span_line"></span><span>使用以下账号快速登录</span><span class="span_line"></span>--> | ||
| 41 | - <!--</div>--> | ||
| 42 | - <!--<div class="login_type_box">--> | ||
| 43 | - <!--<span class="iconfont icon-wei_xing" @click="login_wx"></span>--> | ||
| 44 | - <!--<span class="iconfont icon-QQ" @click="login_qq"></span>--> | ||
| 45 | - <!--</div>--> | ||
| 46 | <div class="agree_box"><span :class="['iconfont',isAgree?'icon-yigouxuan':'icon-weigouxuan']" | 40 | <div class="agree_box"><span :class="['iconfont',isAgree?'icon-yigouxuan':'icon-weigouxuan']" |
| 47 | @click="isAgree=!isAgree"></span><span>我同意</span><span | 41 | @click="isAgree=!isAgree"></span><span>我同意</span><span |
| 48 | class="agreement" @click="agree_content">《慈界医养用户服务协议》</span></div> | 42 | class="agreement" @click="agree_content">《慈界医养用户服务协议》</span></div> |
| @@ -83,32 +77,34 @@ | @@ -83,32 +77,34 @@ | ||
| 83 | getCode: function () { | 77 | getCode: function () { |
| 84 | if (!mobileReg.test(app.phone)) { | 78 | if (!mobileReg.test(app.phone)) { |
| 85 | toastMsg('手机号不正确') | 79 | toastMsg('手机号不正确') |
| 86 | - | ||
| 87 | } | 80 | } |
| 88 | else { | 81 | else { |
| 89 | - const TIME_COUNT = 60; | 82 | + |
| 83 | + let TIME_COUNT = 60; | ||
| 90 | var post = { | 84 | var post = { |
| 91 | - tel: app.phone, | 85 | + tel: app.phone |
| 92 | }; | 86 | }; |
| 93 | var header = { | 87 | var header = { |
| 94 | 'XX-Device-Type': getDevice() | 88 | 'XX-Device-Type': getDevice() |
| 95 | } | 89 | } |
| 96 | getRequest('POST', 'home/index/loginBySMS', post, header).then(function (res) { | 90 | getRequest('POST', 'home/index/loginBySMS', post, header).then(function (res) { |
| 97 | console.log(res); | 91 | console.log(res); |
| 98 | - toastMsg(res.data.msg); | ||
| 99 | - if (!app.timer) { | ||
| 100 | - app.count = TIME_COUNT; | ||
| 101 | - app.show = false; | ||
| 102 | - app.timer = setInterval(function () { | ||
| 103 | - if (app.count > 0 && app.count <= TIME_COUNT) { | ||
| 104 | - app.count--; | ||
| 105 | - } else { | ||
| 106 | - app.show = true; | ||
| 107 | - clearInterval(app.timer); | ||
| 108 | - app.timer = null; | ||
| 109 | - } | ||
| 110 | - }, 1000) | 92 | + if(res.data.code ===1){ |
| 93 | + if (!app.timer) { | ||
| 94 | + app.count = TIME_COUNT; | ||
| 95 | + app.show = false; | ||
| 96 | + app.timer = setInterval(function () { | ||
| 97 | + if (app.count > 0 && app.count <= TIME_COUNT) { | ||
| 98 | + app.count--; | ||
| 99 | + } else { | ||
| 100 | + clearInterval(app.timer); | ||
| 101 | + app.timer = null; | ||
| 102 | + app.show = true; | ||
| 103 | + } | ||
| 104 | + }, 1000) | ||
| 105 | + } | ||
| 111 | } | 106 | } |
| 107 | + toastMsg(res.data.msg); | ||
| 112 | }) | 108 | }) |
| 113 | } | 109 | } |
| 114 | }, | 110 | }, |
| @@ -141,14 +137,9 @@ | @@ -141,14 +137,9 @@ | ||
| 141 | }; | 137 | }; |
| 142 | getRequest('post', 'home/index/checkSMS', post, header).then(function (res) { | 138 | getRequest('post', 'home/index/checkSMS', post, header).then(function (res) { |
| 143 | console.log(res) | 139 | console.log(res) |
| 144 | - // alert(JSON.stringify(res.data.data.token)) | ||
| 145 | if (res.data.code == 1) { | 140 | if (res.data.code == 1) { |
| 146 | $api.setStorage('token', res.data.data.token); | 141 | $api.setStorage('token', res.data.data.token); |
| 147 | -// api.openWin({ | ||
| 148 | -// name: 'index_win', | ||
| 149 | -// url: '', | ||
| 150 | -// }); | ||
| 151 | - window.location.href = '../common/index_win.html' | 142 | + window.location.href = '../index/index_f.html' |
| 152 | } else { | 143 | } else { |
| 153 | toastMsg(res.data.msg) | 144 | toastMsg(res.data.msg) |
| 154 | } | 145 | } |
| 1 | -<!doctype html> | 1 | +<!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | -<head> | ||
| 4 | - <meta charset="UTF-8"> | ||
| 5 | - <meta name="viewport" | ||
| 6 | - content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| 8 | - <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | ||
| 9 | - <script src="../../assets/js/fontsize.js"></script> | ||
| 10 | - <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 11 | - <link rel="stylesheet" href="../../assets/css/api.css"/> | ||
| 12 | - <link rel="stylesheet" href="../../assets/css/my_f.css"/> | ||
| 13 | - <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | ||
| 14 | - <title></title> | ||
| 15 | -</head> | ||
| 16 | -<body> | ||
| 17 | -<div id="loadStart"></div> | ||
| 18 | -<div id="app" v-cloak> | ||
| 19 | - <header class="" id="header"> | ||
| 20 | - <div class="my_top"> | ||
| 21 | - <div class="my_header_boxs" @click="my_detail"> | ||
| 22 | - <div class="my_header_box"> | ||
| 23 | - <img :src="user_type.avatar?user_type.avatar:'../../assets/image/default_img.png'" alt=""> | ||
| 24 | - </div> | ||
| 25 | - <span :class="['my_vip',user_type.is_vip==1?'vip_show':'no_vip']">V</span> | ||
| 26 | - </div> | ||
| 27 | - <div class="my_name">{{user_type.name}}</div> | ||
| 28 | - </div> | ||
| 29 | - </header> | ||
| 30 | - <div class="my_count"> | ||
| 31 | - <div class="my_count_item" @click="my_balance(user_type.balance)"> | ||
| 32 | - <div class="my_price">{{user_type.balance?user_type.balance:0.00}}元</div> | ||
| 33 | - <div>账户余额</div> | ||
| 34 | - </div> | ||
| 35 | - <div class="my_count_item" @click="my_consumption"> | ||
| 36 | - <div class="my_price">{{user_type.count?user_type.count:0}}张</div> | ||
| 37 | - <div>消费金额</div> | ||
| 38 | - </div> | ||
| 39 | - </div> | ||
| 40 | - <div class="my_item_box"> | ||
| 41 | - <div class="my_item" @click="goPay"> | ||
| 42 | - <img src="../../assets/image/my0.png" alt=""> | ||
| 43 | - <span>我的订单</span> | ||
| 44 | - </div> | ||
| 45 | - <div class="my_item" @click="go_hearth"> | ||
| 46 | - <img src="../../assets/image/my1.png" alt=""> | ||
| 47 | - <span>健康档案</span> | ||
| 48 | - </div> | ||
| 49 | - <div class="my_item border_2" @click="my_power"> | ||
| 50 | - <img src="../../assets/image/my2.png" alt=""> | ||
| 51 | - <span>我的权益</span> | ||
| 52 | - </div> | ||
| 53 | - <div class="my_item border_1" @click="question"> | ||
| 54 | - <img src="../../assets/image/my3.png" alt=""> | ||
| 55 | - <span>常见问题</span> | ||
| 56 | - </div> | ||
| 57 | - <div class="my_item border_1 " @click="friend"> | ||
| 58 | - <img src="../../assets/image/my4.png" alt=""> | ||
| 59 | - <span>邀请好友</span> | ||
| 60 | - <span class="my_money">领取高额消费金额</span> | ||
| 61 | - </div> | ||
| 62 | - <div class="my_item border_1 border_2" @click="set"> | ||
| 63 | - <img src="../../assets/image/my5.png" alt=""> | ||
| 64 | - <span>设置</span> | ||
| 65 | - </div> | ||
| 66 | - </div> | ||
| 67 | -</div> | ||
| 68 | -</body> | 3 | + |
| 4 | + <head> | ||
| 5 | + <meta charset="UTF-8"> | ||
| 6 | + <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> | ||
| 7 | + <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | ||
| 8 | + <title>慈界医养</title> | ||
| 9 | + <script src="../../assets/js/fontsize.js"></script> | ||
| 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 11 | + <link rel="stylesheet" href="../../assets/css/api.css" /> | ||
| 12 | + <link rel="stylesheet" href="../../assets/css/my_f.css" /> | ||
| 13 | + <link rel="stylesheet" href="../../assets/css/index.css"> | ||
| 14 | + <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | ||
| 15 | + <style> | ||
| 16 | + header { | ||
| 17 | + width: 100%; | ||
| 18 | + height: auto; | ||
| 19 | + font-size: 20px; | ||
| 20 | + /*background-color: #dbb25f;*/ | ||
| 21 | + } | ||
| 22 | + | ||
| 23 | + .headers { | ||
| 24 | + background-color: #dbb25f; | ||
| 25 | + } | ||
| 26 | + | ||
| 27 | + .strict_box { | ||
| 28 | + display: flex; | ||
| 29 | + align-items: center; | ||
| 30 | + justify-content: space-around; | ||
| 31 | + font-size: 11px; | ||
| 32 | + color: #565656; | ||
| 33 | + padding: 0.26rem 0; | ||
| 34 | + background-color: #fff; | ||
| 35 | + } | ||
| 36 | + | ||
| 37 | + .strict_box .iconfont { | ||
| 38 | + color: #D8B25F; | ||
| 39 | + font-size: 15px; | ||
| 40 | + margin-right: 0.1rem; | ||
| 41 | + } | ||
| 42 | + | ||
| 43 | + .strict_box1 { | ||
| 44 | + display: flex; | ||
| 45 | + align-items: center; | ||
| 46 | + justify-content: space-between; | ||
| 47 | + font-size: 11px; | ||
| 48 | + padding: 0.21rem 0.37rem; | ||
| 49 | + background-color: #fff; | ||
| 50 | + } | ||
| 51 | + | ||
| 52 | + .strict_box1_left { | ||
| 53 | + padding: 0.14rem 0.3rem; | ||
| 54 | + box-shadow: 0 0 3px #ccc; | ||
| 55 | + color: #686868; | ||
| 56 | + border-radius: 0.16rem; | ||
| 57 | + } | ||
| 58 | + | ||
| 59 | + .strict_box1_right { | ||
| 60 | + padding: 0.14rem 0.3rem; | ||
| 61 | + color: #FBA500; | ||
| 62 | + box-shadow: 0 0 3px rgba(251, 165, 0, 0.5); | ||
| 63 | + border-radius: 0.16rem; | ||
| 64 | + } | ||
| 65 | + | ||
| 66 | + .progress_box { | ||
| 67 | + margin: 0.1rem 0.26rem 0 0.26rem; | ||
| 68 | + background-color: #f5f5f5; | ||
| 69 | + } | ||
| 70 | + | ||
| 71 | + .progress { | ||
| 72 | + height: 0.08rem; | ||
| 73 | + background-color: #D8B25F; | ||
| 74 | + width: 0; | ||
| 75 | + } | ||
| 76 | + | ||
| 77 | + .target_box { | ||
| 78 | + display: flex; | ||
| 79 | + align-items: center; | ||
| 80 | + justify-content: space-between; | ||
| 81 | + padding: 0.46rem 0; | ||
| 82 | + box-shadow: 0 -3px 4px 0 #E4E4E4 inset; | ||
| 83 | + background-color: #fff; | ||
| 84 | + } | ||
| 85 | + | ||
| 86 | + .target_item { | ||
| 87 | + font-size: 17px; | ||
| 88 | + color: #060606; | ||
| 89 | + /*font-weight: 600;*/ | ||
| 90 | + text-align: center; | ||
| 91 | + flex: 1; | ||
| 92 | + border-right: 1px solid #d9d9d9; | ||
| 93 | + padding: 0.2rem 0 0.1rem 0; | ||
| 94 | + } | ||
| 95 | + | ||
| 96 | + .target_item:last-child { | ||
| 97 | + border: 0; | ||
| 98 | + } | ||
| 99 | + | ||
| 100 | + .target_item_bottom { | ||
| 101 | + font-size: 12px; | ||
| 102 | + color: #565656; | ||
| 103 | + } | ||
| 104 | + | ||
| 105 | + .strict_title { | ||
| 106 | + display: flex; | ||
| 107 | + align-items: center; | ||
| 108 | + justify-content: space-between; | ||
| 109 | + font-size: 17px; | ||
| 110 | + color: #000; | ||
| 111 | + padding: 0.35rem 0; | ||
| 112 | + background-color: #fff; | ||
| 113 | + } | ||
| 114 | + | ||
| 115 | + .strict_title span { | ||
| 116 | + flex: 1; | ||
| 117 | + text-align: center; | ||
| 118 | + } | ||
| 119 | + | ||
| 120 | + .strict_title .strict_title_item { | ||
| 121 | + border-right: 2px solid #D8B25F; | ||
| 122 | + } | ||
| 123 | + | ||
| 124 | + .strict_title .strict_title_item_active { | ||
| 125 | + color: #D8B25F; | ||
| 126 | + } | ||
| 127 | + | ||
| 128 | + .strict_content_title { | ||
| 129 | + padding: 0.32rem 0; | ||
| 130 | + display: flex; | ||
| 131 | + align-items: center; | ||
| 132 | + justify-content: center; | ||
| 133 | + font-size: 12px; | ||
| 134 | + color: #060606; | ||
| 135 | + background-color: #fff; | ||
| 136 | + } | ||
| 137 | + | ||
| 138 | + .strict_content_title .quan { | ||
| 139 | + padding: 0.1rem 0; | ||
| 140 | + border-bottom: 1px solid #333; | ||
| 141 | + } | ||
| 142 | + | ||
| 143 | + .strict_box_img { | ||
| 144 | + display: flex; | ||
| 145 | + align-items: center; | ||
| 146 | + justify-content: center; | ||
| 147 | + } | ||
| 148 | + | ||
| 149 | + .strict_box_img img { | ||
| 150 | + width: 100%; | ||
| 151 | + } | ||
| 152 | + | ||
| 153 | + .strict_btn { | ||
| 154 | + display: flex; | ||
| 155 | + align-items: center; | ||
| 156 | + justify-content: space-between; | ||
| 157 | + background: #fff; | ||
| 158 | + padding: 0 0 0 0.57rem; | ||
| 159 | + /*margin: 0.08rem 0 0 0;*/ | ||
| 160 | + position: fixed; | ||
| 161 | + width: 100%; | ||
| 162 | + left: 0; | ||
| 163 | + bottom: 0; | ||
| 164 | + z-index: 2; | ||
| 165 | + /*border-top: 1px solid #fff;*/ | ||
| 166 | + } | ||
| 167 | + | ||
| 168 | + .strict_btn_price { | ||
| 169 | + font-size: 18px; | ||
| 170 | + color: #E87139; | ||
| 171 | + flex: 1; | ||
| 172 | + } | ||
| 173 | + | ||
| 174 | + .strict_btn_right { | ||
| 175 | + flex: 1; | ||
| 176 | + display: flex; | ||
| 177 | + align-items: center; | ||
| 178 | + font-size: 10px; | ||
| 179 | + color: #333; | ||
| 180 | + } | ||
| 181 | + | ||
| 182 | + .goPay { | ||
| 183 | + padding: 0.28rem 0; | ||
| 184 | + background-color: #D8B25F; | ||
| 185 | + font-size: 15px; | ||
| 186 | + color: #fff; | ||
| 187 | + flex: 1; | ||
| 188 | + text-align: center; | ||
| 189 | + } | ||
| 190 | + | ||
| 191 | + .strict_btn_right_item { | ||
| 192 | + padding: 0 0.32rem; | ||
| 193 | + display: flex; | ||
| 194 | + align-items: center; | ||
| 195 | + flex-direction: column; | ||
| 196 | + border-left: 1px solid #E4E4E4 | ||
| 197 | + } | ||
| 198 | + | ||
| 199 | + .rmb { | ||
| 200 | + font-size: 13px; | ||
| 201 | + } | ||
| 202 | + | ||
| 203 | + .index_on { | ||
| 204 | + background-color: #fff; | ||
| 205 | + border-bottom: 1px solid #f2f2f2; | ||
| 206 | + } | ||
| 207 | + | ||
| 208 | + .index_on .iconfont { | ||
| 209 | + color: #D8B25F; | ||
| 210 | + } | ||
| 211 | + /*flex布局*/ | ||
| 212 | + | ||
| 213 | + [v-cloak] { | ||
| 214 | + display: none; | ||
| 215 | + } | ||
| 216 | + </style> | ||
| 217 | + </head> | ||
| 218 | + | ||
| 219 | + <body> | ||
| 220 | + <div id="app" v-cloak> | ||
| 221 | + <div class="warp" v-cloak> | ||
| 222 | + <header class="" id="header"> | ||
| 223 | + <div class="my_top"> | ||
| 224 | + <div class="my_header_boxs" @click="my_detail"> | ||
| 225 | + <div class="my_header_box"> | ||
| 226 | + <img :src="user_type.avatar?user_type.avatar:'../../assets/image/default_img.png'" alt=""> | ||
| 227 | + </div> | ||
| 228 | + <span :class="['my_vip',user_type.is_vip==1?'vip_show':'no_vip']">V</span> | ||
| 229 | + </div> | ||
| 230 | + <div class="my_name">{{user_type.name}}</div> | ||
| 231 | + </div> | ||
| 232 | + </header> | ||
| 233 | + <div class="my_count"> | ||
| 234 | + <div class="my_count_item" @click="my_balance(user_type.balance)"> | ||
| 235 | + <div class="my_price">{{user_type.balance?user_type.balance:0.00}}元</div> | ||
| 236 | + <div>账户余额</div> | ||
| 237 | + </div> | ||
| 238 | + <div class="my_count_item" @click="my_consumption"> | ||
| 239 | + <div class="my_price">{{user_type.count?user_type.count:0}}张</div> | ||
| 240 | + <div>消费金额</div> | ||
| 241 | + </div> | ||
| 242 | + </div> | ||
| 243 | + <div class="my_item_box"> | ||
| 244 | + <div class="my_item" @click="goPay"> | ||
| 245 | + <img src="../../assets/image/my0.png" alt=""> | ||
| 246 | + <span>我的订单</span> | ||
| 247 | + </div> | ||
| 248 | + <div class="my_item" @click="go_hearth"> | ||
| 249 | + <img src="../../assets/image/my1.png" alt=""> | ||
| 250 | + <span>健康档案</span> | ||
| 251 | + </div> | ||
| 252 | + <div class="my_item border_2" @click="my_power"> | ||
| 253 | + <img src="../../assets/image/my2.png" alt=""> | ||
| 254 | + <span>我的权益</span> | ||
| 255 | + </div> | ||
| 256 | + <div class="my_item border_1" @click="question"> | ||
| 257 | + <img src="../../assets/image/my3.png" alt=""> | ||
| 258 | + <span>常见问题</span> | ||
| 259 | + </div> | ||
| 260 | + <div class="my_item border_1 " @click="friend"> | ||
| 261 | + <img src="../../assets/image/my4.png" alt=""> | ||
| 262 | + <span>邀请好友</span> | ||
| 263 | + <span class="my_money">领取高额消费金额</span> | ||
| 264 | + </div> | ||
| 265 | + <div class="my_item border_1 border_2" @click="set"> | ||
| 266 | + <img src="../../assets/image/my5.png" alt=""> | ||
| 267 | + <span>设置</span> | ||
| 268 | + </div> | ||
| 269 | + </div> | ||
| 270 | + </div> | ||
| 271 | + | ||
| 272 | + <footer> | ||
| 273 | + <div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)"> | ||
| 274 | + <i class="iconfont icon-yuanjiaojuxingkaobei"></i> | ||
| 275 | + <span>严选</span> | ||
| 276 | + </div> | ||
| 277 | + <div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)"> | ||
| 278 | + <i class="iconfont icon-xingzhuang"></i> | ||
| 279 | + <span>投资</span> | ||
| 280 | + </div> | ||
| 281 | + <div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)"> | ||
| 282 | + <i class="iconfont icon-wo"></i> | ||
| 283 | + <span>我的</span> | ||
| 284 | + </div> | ||
| 285 | + | ||
| 286 | + </footer> | ||
| 287 | + </div> | ||
| 288 | + </body> | ||
| 289 | + | ||
| 69 | </html> | 290 | </html> |
| 291 | +<script> | ||
| 292 | + window.onLoad = function() { | ||
| 293 | + var map = new AMap.Map('container'); | ||
| 294 | + } | ||
| 295 | + var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad'; | ||
| 296 | + var jsapi = document.createElement('script'); | ||
| 297 | + jsapi.charset = 'utf-8'; | ||
| 298 | + jsapi.src = url; | ||
| 299 | + document.head.appendChild(jsapi); | ||
| 300 | +</script> | ||
| 70 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 301 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 302 | +<script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> | ||
| 71 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> | 303 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> |
| 72 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 304 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 73 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 305 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| 74 | <script> | 306 | <script> |
| 75 | - new FastClick(document.body); | 307 | + new FastClick(document.body); |
| 76 | </script> | 308 | </script> |
| 77 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> | 309 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> |
| 78 | -<script type="text/javascript" src="../../assets/js/axios.min.js"></script> | ||
| 79 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> | 310 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> |
| 311 | +<script type="text/javascript" src="../../assets/js/axios.min.js"></script> | ||
| 80 | <script> | 312 | <script> |
| 81 | - var app = new Vue({ | ||
| 82 | - el: '#app', | ||
| 83 | - data: { | ||
| 84 | - isLogin: true, | ||
| 85 | - // user_info: [], | ||
| 86 | - user_type: [1], | ||
| 87 | - avatar_default: '../../assets/image/mblogo_03.png', | ||
| 88 | - default_name: '', | ||
| 89 | - marginTop: '', | ||
| 90 | - newList: [], | ||
| 91 | - type: 0 | ||
| 92 | - }, | ||
| 93 | - created: function () { | ||
| 94 | - apiready = function () { | ||
| 95 | - app.type = api.pageParam.type ? api.pageParam.type : 0; | ||
| 96 | - app.getUserIndexInfo() | ||
| 97 | - if (getToken()) { | ||
| 98 | - app.getUserIndexInfo() | ||
| 99 | - app.getNews(); | ||
| 100 | - } | ||
| 101 | - api.addEventListener({ | ||
| 102 | - name: 'changeInfo' | ||
| 103 | - }, function (ret, err) { | ||
| 104 | - app.getUserIndexInfo(); | ||
| 105 | - }); | ||
| 106 | - api.addEventListener({ | ||
| 107 | - name: 'login' | ||
| 108 | - }, function (ret, err) { | ||
| 109 | - app.getUserIndexInfo(); | ||
| 110 | - }); | ||
| 111 | - api.addEventListener({ | ||
| 112 | - name: 'pay_success' | ||
| 113 | - }, function (ret, err) { | ||
| 114 | - app.getUserIndexInfo(); | ||
| 115 | - }); | ||
| 116 | - api.addEventListener({ | ||
| 117 | - name: 'add_success' | ||
| 118 | - }, function (ret, err) { | ||
| 119 | - app.getUserIndexInfo(); | ||
| 120 | - }); | ||
| 121 | - } | ||
| 122 | - }, | ||
| 123 | - methods: { | ||
| 124 | - // 个人资料 | ||
| 125 | - my_detail: function () { | ||
| 126 | - if (app.user_type == '') { | ||
| 127 | - toastMsg('未登录') | ||
| 128 | - } else { | ||
| 129 | - openView('my_detail', 'my/my_detail', '个人资料', 'my_detail', false, {rid: 0, type: 0}) | ||
| 130 | - } | ||
| 131 | - }, | ||
| 132 | - // 设置 | ||
| 133 | - set: function () { | ||
| 134 | - openView('my_set', 'my/my_set', '设置', 'my_set', false, false, false) | ||
| 135 | - }, | ||
| 136 | - // 常见问题 | ||
| 137 | - question: function () { | ||
| 138 | - if (app.user_type == '') { | ||
| 139 | - toastMsg('未登录') | ||
| 140 | - } else { | ||
| 141 | - openView('my_que', 'my/my_que', '常见问题', 'my_que', false, false, false) | ||
| 142 | - } | ||
| 143 | - }, | ||
| 144 | - // 邀友有赚 | ||
| 145 | - friend: function () { | ||
| 146 | - if (app.user_type == '') { | ||
| 147 | - toastMsg('未登录') | ||
| 148 | - } else { | ||
| 149 | - openView('my_invite', 'my/my_invite', '邀请好友', 'my_invite', false, {invite_type: 0}) | ||
| 150 | - } | ||
| 151 | - }, | ||
| 152 | - // 我的订单 | ||
| 153 | - goPay: function () { | ||
| 154 | - if (app.user_type == '') { | ||
| 155 | - toastMsg('未登录') | ||
| 156 | - } else { | ||
| 157 | - openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false); | ||
| 158 | - } | ||
| 159 | - }, | ||
| 160 | - // 我的消息 | ||
| 161 | - my_news: function () { | ||
| 162 | - if (app.user_type == '') { | ||
| 163 | - toastMsg('未登录') | ||
| 164 | - } else { | ||
| 165 | - openView('my_news', 'my/my_news', '消息通知', 'my_news', false, {new_type: 0}) | ||
| 166 | - } | ||
| 167 | - }, | ||
| 168 | - // 有无消息判断 | ||
| 169 | - getNews: function () { | ||
| 170 | - var header = { | ||
| 171 | - "XX-Device-Type": getDevice(), | ||
| 172 | - 'XX-Token': getToken() | ||
| 173 | - }; | ||
| 174 | - getRequest('post', 'user/index/getUserMessageList', null, header).then(function (res) { | ||
| 175 | - if (res.data.code == 1) { | ||
| 176 | - app.newList = res.data.data.unread; | ||
| 177 | - } else { | ||
| 178 | - toastMsg(res.data.msg) | ||
| 179 | - } | ||
| 180 | - loadEnd(); | ||
| 181 | - }) | ||
| 182 | - }, | ||
| 183 | - // 我的账号 | ||
| 184 | - my_balance: function () { | ||
| 185 | - if (app.user_type == '') { | ||
| 186 | - toastMsg('未登录') | ||
| 187 | - } else { | ||
| 188 | - openView('my_balance', 'my/my_balance', '我的账号', 'my_balance', false, false, false) | ||
| 189 | - } | ||
| 190 | - }, | ||
| 191 | - // 我的消费金 | ||
| 192 | - my_consumption: function () { | ||
| 193 | - if (app.user_type == '') { | ||
| 194 | - toastMsg('未登录') | ||
| 195 | - } else { | ||
| 196 | - openView('my_consumption', 'my/my_consumption', '我的消费金', 'my_consumption', false, false, false) | ||
| 197 | - } | ||
| 198 | - }, | ||
| 199 | - // 我的权益 | ||
| 200 | - my_power: function () { | ||
| 201 | - var header = { | ||
| 202 | - "XX-Device-Type": getDevice(), | ||
| 203 | - 'XX-Token': getToken() | ||
| 204 | - }; | ||
| 205 | - if (app.user_type == '') { | ||
| 206 | - toastMsg('未登录') | ||
| 207 | - } else { | ||
| 208 | - getRequest('post', 'user/index/myRights', null, header).then(function (res) { | ||
| 209 | - if (res.data.code == 1) { | ||
| 210 | - openView('my_benefit', 'my/my_benefit', '我的权益', 'my_benefit', false, false, false) | ||
| 211 | - } else { | ||
| 212 | - toastMsg(res.data.msg); | ||
| 213 | - } | ||
| 214 | - }); | ||
| 215 | - } | ||
| 216 | - }, | ||
| 217 | - // 健康档案 | ||
| 218 | - go_hearth: function () { | ||
| 219 | - if (app.user_type == '') { | ||
| 220 | - toastMsg('未登录') | ||
| 221 | - } else { | ||
| 222 | - api.openFrame({ | ||
| 223 | - name: 'my_health', | ||
| 224 | - url: './my_health.html', | ||
| 225 | - // bounces: true, | ||
| 226 | - rect: { | ||
| 227 | - x: 0, | ||
| 228 | - y: 0, | ||
| 229 | - w: 'auto', | ||
| 230 | - h: 'auto', | ||
| 231 | - }, | ||
| 232 | - pageParam: { | ||
| 233 | - rid: 0, | ||
| 234 | - type: 0 | ||
| 235 | - } | ||
| 236 | - }); | ||
| 237 | - } | ||
| 238 | - }, | ||
| 239 | - // 获取个人信息 | ||
| 240 | - getUserIndexInfo: function () { | ||
| 241 | - var header = { | ||
| 242 | - "XX-Device-Type": getDevice(), | ||
| 243 | - 'XX-Token': getToken() | ||
| 244 | - }; | ||
| 245 | - getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function (res) { | ||
| 246 | - // alert(JSON.stringify(res)); | ||
| 247 | - if (res.data.code == 1) { | ||
| 248 | - app.user_type = res.data.data; | ||
| 249 | - } else { | ||
| 250 | - } | ||
| 251 | - loadEnd() | ||
| 252 | - }); | ||
| 253 | - } | ||
| 254 | - } | ||
| 255 | - }) | 313 | + var app = new Vue({ |
| 314 | + el: "#app", | ||
| 315 | + data: { | ||
| 316 | + index: 2, | ||
| 317 | + isLogin: true, | ||
| 318 | + // user_info: [], | ||
| 319 | + user_type: [1], | ||
| 320 | + avatar_default: '../../assets/image/mblogo_03.png', | ||
| 321 | + default_name: '', | ||
| 322 | + marginTop: '', | ||
| 323 | + newList: [], | ||
| 324 | + type: 0 | ||
| 325 | + }, | ||
| 326 | + created: function() { | ||
| 327 | + this.getUserIndexInfo() | ||
| 328 | + this.getNews(); | ||
| 329 | + }, | ||
| 330 | + mounted: function() { | ||
| 331 | + window.addEventListener('scroll', this.handleScroll) | ||
| 332 | + }, | ||
| 333 | + methods: { | ||
| 334 | + // 个人资料 | ||
| 335 | + my_detail: function() { | ||
| 336 | + if(app.user_type == '') { | ||
| 337 | + toastMsg('未登录') | ||
| 338 | + } else { | ||
| 339 | + openView('my_detail', 'my/my_detail', '个人资料', 'my_detail', false, { | ||
| 340 | + rid: 0, | ||
| 341 | + type: 0 | ||
| 342 | + }) | ||
| 343 | + } | ||
| 344 | + }, | ||
| 345 | + // 设置 | ||
| 346 | + set: function() { | ||
| 347 | + openView('my_set', 'my/my_set', '设置', 'my_set', false, false, false) | ||
| 348 | + }, | ||
| 349 | + // 常见问题 | ||
| 350 | + question: function() { | ||
| 351 | + if(app.user_type == '') { | ||
| 352 | + toastMsg('未登录') | ||
| 353 | + } else { | ||
| 354 | + openView('my_que', 'my/my_que', '常见问题', 'my_que', false, false, false) | ||
| 355 | + } | ||
| 356 | + }, | ||
| 357 | + // 邀友有赚 | ||
| 358 | + friend: function() { | ||
| 359 | + if(app.user_type == '') { | ||
| 360 | + toastMsg('未登录') | ||
| 361 | + } else { | ||
| 362 | + openView('my_invite', 'my/my_invite', '邀请好友', 'my_invite', false, { | ||
| 363 | + invite_type: 0 | ||
| 364 | + }) | ||
| 365 | + } | ||
| 366 | + }, | ||
| 367 | + // 我的订单 | ||
| 368 | + goPay: function() { | ||
| 369 | + if(app.user_type == '') { | ||
| 370 | + toastMsg('未登录') | ||
| 371 | + } else { | ||
| 372 | + openView('my_orderlist', 'my/my_orderlist', '我的订单', 'my_orderlist', false, false, false); | ||
| 373 | + } | ||
| 374 | + }, | ||
| 375 | + // 我的消息 | ||
| 376 | + my_news: function() { | ||
| 377 | + if(app.user_type == '') { | ||
| 378 | + toastMsg('未登录') | ||
| 379 | + } else { | ||
| 380 | + openView('my_news', 'my/my_news', '消息通知', 'my_news', false, { | ||
| 381 | + new_type: 0 | ||
| 382 | + }) | ||
| 383 | + } | ||
| 384 | + }, | ||
| 385 | + // 有无消息判断 | ||
| 386 | + getNews: function() { | ||
| 387 | + var header = { | ||
| 388 | + "XX-Device-Type": getDevice(), | ||
| 389 | + 'XX-Token': getToken() | ||
| 390 | + }; | ||
| 391 | + getRequest('post', 'user/index/getUserMessageList', null, header).then(function(res) { | ||
| 392 | + if(res.data.code == 1) { | ||
| 393 | + app.newList = res.data.data.unread; | ||
| 394 | + } else { | ||
| 395 | + toastMsg(res.data.msg) | ||
| 396 | + } | ||
| 397 | + loadEnd(); | ||
| 398 | + }) | ||
| 399 | + }, | ||
| 400 | + // 我的账号 | ||
| 401 | + my_balance: function() { | ||
| 402 | + if(app.user_type == '') { | ||
| 403 | + toastMsg('未登录') | ||
| 404 | + } else { | ||
| 405 | + openView('my_balance', 'my/my_balance', '我的账号', 'my_balance', false, false, false) | ||
| 406 | + } | ||
| 407 | + }, | ||
| 408 | + // 我的消费金 | ||
| 409 | + my_consumption: function() { | ||
| 410 | + if(app.user_type == '') { | ||
| 411 | + toastMsg('未登录') | ||
| 412 | + } else { | ||
| 413 | + openView('my_consumption', 'my/my_consumption', '我的消费金', 'my_consumption', false, false, false) | ||
| 414 | + } | ||
| 415 | + }, | ||
| 416 | + // 我的权益 | ||
| 417 | + my_power: function() { | ||
| 418 | + var header = { | ||
| 419 | + "XX-Device-Type": getDevice(), | ||
| 420 | + 'XX-Token': getToken() | ||
| 421 | + }; | ||
| 422 | + if(app.user_type == '') { | ||
| 423 | + toastMsg('未登录') | ||
| 424 | + } else { | ||
| 425 | + getRequest('post', 'user/index/myRights', null, header).then(function(res) { | ||
| 426 | + if(res.data.code == 1) { | ||
| 427 | + openView('my_benefit', 'my/my_benefit', '我的权益', 'my_benefit', false, false, false) | ||
| 428 | + } else { | ||
| 429 | + toastMsg(res.data.msg); | ||
| 430 | + } | ||
| 431 | + }); | ||
| 432 | + } | ||
| 433 | + }, | ||
| 434 | + // 健康档案 | ||
| 435 | + go_hearth: function() { | ||
| 436 | + if(app.user_type == '') { | ||
| 437 | + toastMsg('未登录') | ||
| 438 | + } else { | ||
| 439 | + api.openFrame({ | ||
| 440 | + name: 'my_health', | ||
| 441 | + url: './my_health.html', | ||
| 442 | + // bounces: true, | ||
| 443 | + rect: { | ||
| 444 | + x: 0, | ||
| 445 | + y: 0, | ||
| 446 | + w: 'auto', | ||
| 447 | + h: 'auto', | ||
| 448 | + }, | ||
| 449 | + pageParam: { | ||
| 450 | + rid: 0, | ||
| 451 | + type: 0 | ||
| 452 | + } | ||
| 453 | + }); | ||
| 454 | + } | ||
| 455 | + }, | ||
| 456 | + // 获取个人信息 | ||
| 457 | + getUserIndexInfo: function() { | ||
| 458 | + var header = { | ||
| 459 | + "XX-Device-Type": getDevice(), | ||
| 460 | + 'XX-Token': getToken() | ||
| 461 | + }; | ||
| 462 | + getRequest('post', 'user/index/getUserIndexInfo', null, header).then(function(res) { | ||
| 463 | + // alert(JSON.stringify(res)); | ||
| 464 | + if(res.data.code == 1) { | ||
| 465 | + app.user_type = res.data.data; | ||
| 466 | + } else {} | ||
| 467 | + loadEnd() | ||
| 468 | + }); | ||
| 469 | + }, //底部菜单跳转 | ||
| 470 | + changeTab(index){ | ||
| 471 | + var url = index==0?'../index/index_f.html':index == 1?'../strict/strict_f.html':'my_f.html' | ||
| 472 | + window.location.href = url | ||
| 473 | + } | ||
| 474 | + | ||
| 475 | + | ||
| 476 | + } | ||
| 477 | + }) | ||
| 256 | </script> | 478 | </script> |
| 1 | -<!doctype html> | 1 | +<!DOCTYPE html> |
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | <meta charset="UTF-8"> | 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" | 5 | <meta name="viewport" |
| 6 | - content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | ||
| 7 | - <meta http-equiv="X-UA-Compatible" content="ie=edge"> | 6 | + content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> |
| 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | 7 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| 8 | + <title>慈界医养</title> | ||
| 9 | <script src="../../assets/js/fontsize.js"></script> | 9 | <script src="../../assets/js/fontsize.js"></script> |
| 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 10 | <link rel="stylesheet" href="../../assets/css/api.css"/> | 11 | <link rel="stylesheet" href="../../assets/css/api.css"/> |
| 12 | + <link rel="stylesheet" href="../../assets/css/swiper-3.4.2.min.css"> | ||
| 13 | + <!--<link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css">--> | ||
| 14 | + <link rel="stylesheet" href="../../assets/css/my_f.css"/> | ||
| 11 | <link rel="stylesheet" href="../../assets/css/index.css"> | 15 | <link rel="stylesheet" href="../../assets/css/index.css"> |
| 12 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | 16 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> |
| 13 | - <title></title> | ||
| 14 | <style> | 17 | <style> |
| 15 | - body { | ||
| 16 | - /*background-color: #f2f2f2;*/ | ||
| 17 | - } | ||
| 18 | - | ||
| 19 | - .strict_box { | ||
| 20 | - display: flex; | ||
| 21 | - align-items: center; | ||
| 22 | - justify-content: space-around; | ||
| 23 | - font-size: 11px; | ||
| 24 | - color: #565656; | ||
| 25 | - padding: 0.26rem 0; | ||
| 26 | - background-color: #fff; | ||
| 27 | - } | ||
| 28 | - | ||
| 29 | - .strict_box .iconfont { | ||
| 30 | - color: #D8B25F; | ||
| 31 | - font-size: 15px; | ||
| 32 | - margin-right: 0.1rem; | ||
| 33 | - } | ||
| 34 | - | ||
| 35 | - .strict_box1 { | ||
| 36 | - display: flex; | ||
| 37 | - align-items: center; | ||
| 38 | - justify-content: space-between; | ||
| 39 | - font-size: 11px; | ||
| 40 | - padding: 0.21rem 0.37rem; | ||
| 41 | - background-color: #fff; | ||
| 42 | - } | ||
| 43 | - | ||
| 44 | - .strict_box1_left { | ||
| 45 | - padding: 0.14rem 0.3rem; | ||
| 46 | - box-shadow: 0 0 3px #ccc; | ||
| 47 | - color: #686868; | ||
| 48 | - border-radius: 0.16rem; | ||
| 49 | - } | ||
| 50 | - | ||
| 51 | - .strict_box1_right { | ||
| 52 | - padding: 0.14rem 0.3rem; | ||
| 53 | - color: #FBA500; | ||
| 54 | - box-shadow: 0 0 3px rgba(251, 165, 0, 0.5); | ||
| 55 | - border-radius: 0.16rem; | ||
| 56 | - } | ||
| 57 | - | ||
| 58 | - .progress_box { | ||
| 59 | - margin: 0.1rem 0.26rem 0 0.26rem; | ||
| 60 | - background-color: #f5f5f5; | ||
| 61 | - } | ||
| 62 | - | ||
| 63 | - .progress { | ||
| 64 | - height: 0.08rem; | ||
| 65 | - background-color: #D8B25F; | ||
| 66 | - width: 0; | ||
| 67 | - } | ||
| 68 | - | ||
| 69 | - .target_box { | ||
| 70 | - display: flex; | ||
| 71 | - align-items: center; | ||
| 72 | - justify-content: space-between; | ||
| 73 | - padding: 0.46rem 0; | ||
| 74 | - box-shadow: 0 -3px 4px 0 #E4E4E4 inset; | ||
| 75 | - background-color: #fff; | ||
| 76 | - } | ||
| 77 | - | ||
| 78 | - .target_item { | ||
| 79 | - font-size: 17px; | ||
| 80 | - color: #060606; | ||
| 81 | - /*font-weight: 600;*/ | ||
| 82 | - text-align: center; | ||
| 83 | - flex: 1; | ||
| 84 | - border-right: 1px solid #d9d9d9; | ||
| 85 | - padding: 0.2rem 0 0.1rem 0; | ||
| 86 | - } | ||
| 87 | - | ||
| 88 | - .target_item:last-child { | ||
| 89 | - border: 0; | ||
| 90 | - } | ||
| 91 | - | ||
| 92 | - .target_item_bottom { | ||
| 93 | - font-size: 12px; | ||
| 94 | - color: #565656; | ||
| 95 | - } | ||
| 96 | - | ||
| 97 | - .strict_title { | ||
| 98 | - display: flex; | ||
| 99 | - align-items: center; | ||
| 100 | - justify-content: space-between; | ||
| 101 | - font-size: 17px; | ||
| 102 | - color: #000; | ||
| 103 | - padding: 0.35rem 0; | ||
| 104 | - background-color: #fff; | ||
| 105 | - } | ||
| 106 | - | ||
| 107 | - .strict_title span { | ||
| 108 | - flex: 1; | ||
| 109 | - text-align: center; | ||
| 110 | - } | ||
| 111 | - | ||
| 112 | - .strict_title .strict_title_item { | ||
| 113 | - border-right: 2px solid #D8B25F; | ||
| 114 | - } | ||
| 115 | - | ||
| 116 | - .strict_title .strict_title_item_active { | ||
| 117 | - color: #D8B25F; | ||
| 118 | - } | ||
| 119 | - | ||
| 120 | - .strict_content_title { | ||
| 121 | - padding: 0.32rem 0; | ||
| 122 | - display: flex; | ||
| 123 | - align-items: center; | ||
| 124 | - justify-content: center; | ||
| 125 | - font-size: 12px; | ||
| 126 | - color: #060606; | ||
| 127 | - background-color: #fff; | ||
| 128 | - } | ||
| 129 | - | ||
| 130 | - .strict_content_title .quan { | ||
| 131 | - padding: 0.1rem 0; | ||
| 132 | - border-bottom: 1px solid #333; | ||
| 133 | - } | ||
| 134 | - | ||
| 135 | - .strict_box_img { | ||
| 136 | - display: flex; | ||
| 137 | - align-items: center; | ||
| 138 | - justify-content: center; | ||
| 139 | - } | ||
| 140 | - | ||
| 141 | - .strict_box_img img { | 18 | + header { |
| 142 | width: 100%; | 19 | width: 100%; |
| 20 | + height: auto; | ||
| 21 | + font-size: 20px; | ||
| 22 | + /*background-color: #dbb25f;*/ | ||
| 143 | } | 23 | } |
| 144 | 24 | ||
| 145 | - .strict_btn { | ||
| 146 | - display: flex; | ||
| 147 | - align-items: center; | ||
| 148 | - justify-content: space-between; | ||
| 149 | - background: #fff; | ||
| 150 | - padding: 0 0 0 0.57rem; | ||
| 151 | - /*margin: 0.08rem 0 0 0;*/ | ||
| 152 | - position: fixed; | ||
| 153 | - width: 100%; | ||
| 154 | - left: 0; | ||
| 155 | - bottom: 0; | ||
| 156 | - z-index: 2; | ||
| 157 | - /*border-top: 1px solid #fff;*/ | ||
| 158 | - } | ||
| 159 | - | ||
| 160 | - .strict_btn_price { | ||
| 161 | - font-size: 18px; | ||
| 162 | - color: #E87139; | ||
| 163 | - flex: 1; | ||
| 164 | - } | ||
| 165 | - | ||
| 166 | - .strict_btn_right { | ||
| 167 | - flex: 1; | ||
| 168 | - display: flex; | ||
| 169 | - align-items: center; | ||
| 170 | - font-size: 10px; | ||
| 171 | - color: #333; | ||
| 172 | - } | ||
| 173 | - | ||
| 174 | - .goPay { | ||
| 175 | - padding: 0.28rem 0; | ||
| 176 | - background-color: #D8B25F; | ||
| 177 | - font-size: 15px; | ||
| 178 | - color: #fff; | ||
| 179 | - flex: 1; | ||
| 180 | - text-align: center; | ||
| 181 | - } | ||
| 182 | - | ||
| 183 | - .strict_btn_right_item { | ||
| 184 | - padding: 0 0.32rem; | ||
| 185 | - display: flex; | ||
| 186 | - align-items: center; | ||
| 187 | - flex-direction: column; | ||
| 188 | - border-left: 1px solid #E4E4E4 | ||
| 189 | - } | ||
| 190 | - | ||
| 191 | - .rmb { | ||
| 192 | - font-size: 13px; | 25 | + .headers { |
| 26 | + background-color: #dbb25f; | ||
| 193 | } | 27 | } |
| 194 | 28 | ||
| 195 | - .index_on { | ||
| 196 | - background-color: #fff; | ||
| 197 | - border-bottom: 1px solid #f2f2f2; | ||
| 198 | - } | ||
| 199 | - | ||
| 200 | - .index_on .iconfont { | ||
| 201 | - color: #D8B25F; | ||
| 202 | - } | 29 | + .strict_box { |
| 30 | + display: flex; | ||
| 31 | + align-items: center; | ||
| 32 | + justify-content: space-around; | ||
| 33 | + font-size: 11px; | ||
| 34 | + color: #565656; | ||
| 35 | + padding: 0.26rem 0; | ||
| 36 | + background-color: #fff; | ||
| 37 | + } | ||
| 38 | + | ||
| 39 | + .strict_box .iconfont { | ||
| 40 | + color: #D8B25F; | ||
| 41 | + font-size: 15px; | ||
| 42 | + margin-right: 0.1rem; | ||
| 43 | + } | ||
| 44 | + | ||
| 45 | + .strict_box1 { | ||
| 46 | + display: flex; | ||
| 47 | + align-items: center; | ||
| 48 | + justify-content: space-between; | ||
| 49 | + font-size: 11px; | ||
| 50 | + padding: 0.21rem 0.37rem; | ||
| 51 | + background-color: #fff; | ||
| 52 | + } | ||
| 53 | + | ||
| 54 | + .strict_box1_left { | ||
| 55 | + padding: 0.14rem 0.3rem; | ||
| 56 | + box-shadow: 0 0 3px #ccc; | ||
| 57 | + color: #686868; | ||
| 58 | + border-radius: 0.16rem; | ||
| 59 | + } | ||
| 60 | + | ||
| 61 | + .strict_box1_right { | ||
| 62 | + padding: 0.14rem 0.3rem; | ||
| 63 | + color: #FBA500; | ||
| 64 | + box-shadow: 0 0 3px rgba(251, 165, 0, 0.5); | ||
| 65 | + border-radius: 0.16rem; | ||
| 66 | + } | ||
| 67 | + | ||
| 68 | + .progress_box { | ||
| 69 | + margin: 0.1rem 0.26rem 0 0.26rem; | ||
| 70 | + background-color: #f5f5f5; | ||
| 71 | + } | ||
| 72 | + | ||
| 73 | + .progress { | ||
| 74 | + height: 0.08rem; | ||
| 75 | + background-color: #D8B25F; | ||
| 76 | + width: 0; | ||
| 77 | + } | ||
| 78 | + | ||
| 79 | + .target_box { | ||
| 80 | + display: flex; | ||
| 81 | + align-items: center; | ||
| 82 | + justify-content: space-between; | ||
| 83 | + padding: 0.46rem 0; | ||
| 84 | + box-shadow: 0 -3px 4px 0 #E4E4E4 inset; | ||
| 85 | + background-color: #fff; | ||
| 86 | + } | ||
| 87 | + | ||
| 88 | + .target_item { | ||
| 89 | + font-size: 17px; | ||
| 90 | + color: #060606; | ||
| 91 | + /*font-weight: 600;*/ | ||
| 92 | + text-align: center; | ||
| 93 | + flex: 1; | ||
| 94 | + border-right: 1px solid #d9d9d9; | ||
| 95 | + padding: 0.2rem 0 0.1rem 0; | ||
| 96 | + } | ||
| 97 | + | ||
| 98 | + .target_item:last-child { | ||
| 99 | + border: 0; | ||
| 100 | + } | ||
| 101 | + | ||
| 102 | + .target_item_bottom { | ||
| 103 | + font-size: 12px; | ||
| 104 | + color: #565656; | ||
| 105 | + } | ||
| 106 | + | ||
| 107 | + .strict_title { | ||
| 108 | + display: flex; | ||
| 109 | + align-items: center; | ||
| 110 | + justify-content: space-between; | ||
| 111 | + font-size: 17px; | ||
| 112 | + color: #000; | ||
| 113 | + padding: 0.35rem 0; | ||
| 114 | + background-color: #fff; | ||
| 115 | + } | ||
| 116 | + | ||
| 117 | + .strict_title span { | ||
| 118 | + flex: 1; | ||
| 119 | + text-align: center; | ||
| 120 | + } | ||
| 121 | + | ||
| 122 | + .strict_title .strict_title_item { | ||
| 123 | + border-right: 2px solid #D8B25F; | ||
| 124 | + } | ||
| 125 | + | ||
| 126 | + .strict_title .strict_title_item_active { | ||
| 127 | + color: #D8B25F; | ||
| 128 | + } | ||
| 129 | + | ||
| 130 | + .strict_content_title { | ||
| 131 | + padding: 0.32rem 0; | ||
| 132 | + display: flex; | ||
| 133 | + align-items: center; | ||
| 134 | + justify-content: center; | ||
| 135 | + font-size: 12px; | ||
| 136 | + color: #060606; | ||
| 137 | + background-color: #fff; | ||
| 138 | + } | ||
| 139 | + | ||
| 140 | + .strict_content_title .quan { | ||
| 141 | + padding: 0.1rem 0; | ||
| 142 | + border-bottom: 1px solid #333; | ||
| 143 | + } | ||
| 144 | + | ||
| 145 | + .strict_box_img { | ||
| 146 | + display: flex; | ||
| 147 | + align-items: center; | ||
| 148 | + justify-content: center; | ||
| 149 | + } | ||
| 150 | + | ||
| 151 | + .strict_box_img img { | ||
| 152 | + width: 100%; | ||
| 153 | + } | ||
| 154 | + | ||
| 155 | + .strict_btn { | ||
| 156 | + display: flex; | ||
| 157 | + align-items: center; | ||
| 158 | + justify-content: space-between; | ||
| 159 | + background: #fff; | ||
| 160 | + padding: 0 0 0 0.57rem; | ||
| 161 | + /*margin: 0.08rem 0 0 0;*/ | ||
| 162 | + position: fixed; | ||
| 163 | + width: 100%; | ||
| 164 | + left: 0; | ||
| 165 | + bottom: 0; | ||
| 166 | + z-index: 2; | ||
| 167 | + /*border-top: 1px solid #fff;*/ | ||
| 168 | + } | ||
| 169 | + | ||
| 170 | + .strict_btn_price { | ||
| 171 | + font-size: 18px; | ||
| 172 | + color: #E87139; | ||
| 173 | + flex: 1; | ||
| 174 | + } | ||
| 175 | + | ||
| 176 | + .strict_btn_right { | ||
| 177 | + flex: 1; | ||
| 178 | + display: flex; | ||
| 179 | + align-items: center; | ||
| 180 | + font-size: 10px; | ||
| 181 | + color: #333; | ||
| 182 | + } | ||
| 183 | + | ||
| 184 | + .goPay { | ||
| 185 | + padding: 0.28rem 0; | ||
| 186 | + background-color: #D8B25F; | ||
| 187 | + font-size: 15px; | ||
| 188 | + color: #fff; | ||
| 189 | + flex: 1; | ||
| 190 | + text-align: center; | ||
| 191 | + } | ||
| 192 | + | ||
| 193 | + .strict_btn_right_item { | ||
| 194 | + padding: 0 0.32rem; | ||
| 195 | + display: flex; | ||
| 196 | + align-items: center; | ||
| 197 | + flex-direction: column; | ||
| 198 | + border-left: 1px solid #E4E4E4 | ||
| 199 | + } | ||
| 200 | + | ||
| 201 | + .rmb { | ||
| 202 | + font-size: 13px; | ||
| 203 | + } | ||
| 204 | + | ||
| 205 | + .index_on { | ||
| 206 | + background-color: #fff; | ||
| 207 | + border-bottom: 1px solid #f2f2f2; | ||
| 208 | + } | ||
| 209 | + | ||
| 210 | + .index_on .iconfont { | ||
| 211 | + color: #D8B25F; | ||
| 212 | + } | ||
| 213 | + /*flex布局*/ | ||
| 214 | + [v-cloak]{ | ||
| 215 | + display: none; | ||
| 216 | + } | ||
| 203 | </style> | 217 | </style> |
| 204 | </head> | 218 | </head> |
| 205 | <body> | 219 | <body> |
| 206 | -<div id="loadStart"></div> | ||
| 207 | <div id="app" v-cloak> | 220 | <div id="app" v-cloak> |
| 208 | - <div class="index1"> | ||
| 209 | - <img :src="banner" alt=""> | ||
| 210 | - </div> | ||
| 211 | - <div class="strict_box" id="main"> | ||
| 212 | - <div><span class="iconfont icon-fenhong"></span><span>尊享分红收益</span></div> | ||
| 213 | - <div><span class="iconfont icon-xunzhang"></span><span>高额消费金额</span></div> | ||
| 214 | - <div><span class="iconfont icon-tishengfantaishuai"></span><span>提升健康水平</span></div> | ||
| 215 | - </div> | ||
| 216 | - <div class="strict_box1"> | ||
| 217 | - <span class="strict_box1_left"><span v-if="state==1">开放认购中</span><span v-else>未开放认购</span></span> | ||
| 218 | - <span class="strict_box1_right">认购进度{{progress}}%</span> | ||
| 219 | - </div> | ||
| 220 | - <div class="progress_box"> | ||
| 221 | - <div class="progress" :style="{width:progress+'%'}"></div> | ||
| 222 | - </div> | ||
| 223 | - <div class="target_box"> | ||
| 224 | - <div class="target_item"> | ||
| 225 | - <div>{{taget}}人</div> | ||
| 226 | - <div class="target_item_bottom">II期目标</div> | 221 | + <div id="container"></div> |
| 222 | + <header :class="index===0?'headers':''"> | ||
| 223 | + | ||
| 224 | + <div class="index1" v-else-if="index==1"> | ||
| 225 | + <div class="index1_item index_on"> | ||
| 226 | + <!--<div class="index1_item index_on">--> | ||
| 227 | + <div></div> | ||
| 228 | + <div class="iconfont icon-fenxiang-tianchong"></div> | ||
| 229 | + </div> | ||
| 227 | </div> | 230 | </div> |
| 228 | - <div class="target_item"> | ||
| 229 | - <div>{{num}}人</div> | ||
| 230 | - <div class="target_item_bottom">已认购</div> | 231 | + |
| 232 | + </header> | ||
| 233 | + <div class="warp" v-cloak> | ||
| 234 | + <div class="index1"> | ||
| 235 | + <img :src="banner" alt=""> | ||
| 236 | + </div> | ||
| 237 | + <div class="strict_box" id="main"> | ||
| 238 | + <div><span class="iconfont icon-fenhong"></span><span>尊享分红收益</span></div> | ||
| 239 | + <div><span class="iconfont icon-xunzhang"></span><span>高额消费金额</span></div> | ||
| 240 | + <div><span class="iconfont icon-tishengfantaishuai"></span><span>提升健康水平</span></div> | ||
| 241 | + </div> | ||
| 242 | + <div class="strict_box1"> | ||
| 243 | + <span class="strict_box1_left"><span v-if="state==1">开放认购中</span><span v-else>未开放认购</span></span> | ||
| 244 | + <span class="strict_box1_right">认购进度{{progress}}%</span> | ||
| 245 | + </div> | ||
| 246 | + <div class="progress_box"> | ||
| 247 | + <div class="progress" :style="{width:progress+'%'}"></div> | ||
| 248 | + </div> | ||
| 249 | + <div class="target_box"> | ||
| 250 | + <div class="target_item"> | ||
| 251 | + <div>{{taget}}人</div> | ||
| 252 | + <div class="target_item_bottom">II期目标</div> | ||
| 253 | + </div> | ||
| 254 | + <div class="target_item"> | ||
| 255 | + <div>{{num}}人</div> | ||
| 256 | + <div class="target_item_bottom">已认购</div> | ||
| 257 | + </div> | ||
| 258 | + <div class="target_item"> | ||
| 259 | + <div>{{toWan(money)}}元起</div> | ||
| 260 | + <div class="target_item_bottom">起购金额</div> | ||
| 261 | + </div> | ||
| 262 | + </div> | ||
| 263 | + <div class="strict_title"> | ||
| 264 | + <span :class="['strict_title_item',show_img?'strict_title_item_active':'']" @click="show_img=true">慈界介绍</span> | ||
| 265 | + <span @click="show_img=false" :class="{strict_title_item_active:!show_img}">权益方案</span> | ||
| 266 | + </div> | ||
| 267 | + <div class="strict_content_title" v-show="show_img"> | ||
| 268 | + <div><span>慈</span><span class="quan">界介</span><span>绍</span></div> | ||
| 269 | + </div> | ||
| 270 | + <div class="strict_content_title" v-show="!show_img"> | ||
| 271 | + <div><span>权</span><span class="quan">益方</span><span>案</span></div> | ||
| 272 | + </div> | ||
| 273 | + <div class="strict_box_img" v-show="show_img"> | ||
| 274 | + <div v-html="introduce"></div> | ||
| 275 | + <!--<img src="../../assets/image/cjit_03.jpg" alt="">--> | ||
| 276 | + </div> | ||
| 277 | + <div class="strict_box_img" v-show="!show_img"> | ||
| 278 | + <div v-html="scheme"></div> | ||
| 279 | + <!--<img src="../../assets/image/cjit_02.png" alt="">--> | ||
| 280 | + </div> | ||
| 281 | + <div class="strict_btn"> | ||
| 282 | + <div class="strict_btn_price"><span class="rmb">￥</span>{{money}}元起</div> | ||
| 283 | + <div class="strict_btn_right"> | ||
| 284 | + <div class="strict_btn_right_item" @click="openCli"><span class="iconfont icon-Fill"></span><span>进群</span> | ||
| 285 | + </div> | ||
| 286 | + <div class="goPay" @click="go_pay">去认购</div> | ||
| 287 | + </div> | ||
| 288 | + </div> | ||
| 289 | + </div> | ||
| 290 | + | ||
| 291 | + <footer> | ||
| 292 | + <div class="footer_item" :class="{footer_item_active:index==0}" @click="changeTab(0)"> | ||
| 293 | + <i class="iconfont icon-yuanjiaojuxingkaobei"></i> | ||
| 294 | + <span>严选</span> | ||
| 231 | </div> | 295 | </div> |
| 232 | - <div class="target_item"> | ||
| 233 | - <div>{{toWan(money)}}元起</div> | ||
| 234 | - <div class="target_item_bottom">起购金额</div> | 296 | + <div class="footer_item" :class="{footer_item_active:index==1}" @click="changeTab(1)"> |
| 297 | + <i class="iconfont icon-xingzhuang"></i> | ||
| 298 | + <span>投资</span> | ||
| 235 | </div> | 299 | </div> |
| 236 | - </div> | ||
| 237 | - <div class="strict_title"> | ||
| 238 | - <span :class="['strict_title_item',show_img?'strict_title_item_active':'']" @click="show_img=true">慈界介绍</span> | ||
| 239 | - <span @click="show_img=false" :class="{strict_title_item_active:!show_img}">权益方案</span> | ||
| 240 | - </div> | ||
| 241 | - <div class="strict_content_title" v-show="show_img"> | ||
| 242 | - <div><span>慈</span><span class="quan">界介</span><span>绍</span></div> | ||
| 243 | - </div> | ||
| 244 | - <div class="strict_content_title" v-show="!show_img"> | ||
| 245 | - <div><span>权</span><span class="quan">益方</span><span>案</span></div> | ||
| 246 | - </div> | ||
| 247 | - <div class="strict_box_img" v-show="show_img"> | ||
| 248 | - <div v-html="introduce"></div> | ||
| 249 | - <!--<img src="../../assets/image/cjit_03.jpg" alt="">--> | ||
| 250 | - </div> | ||
| 251 | - <div class="strict_box_img" v-show="!show_img"> | ||
| 252 | - <div v-html="scheme"></div> | ||
| 253 | - <!--<img src="../../assets/image/cjit_02.png" alt="">--> | ||
| 254 | - </div> | ||
| 255 | - <div class="strict_btn"> | ||
| 256 | - <div class="strict_btn_price"><span class="rmb">￥</span>{{money}}元起</div> | ||
| 257 | - <div class="strict_btn_right"> | ||
| 258 | - <div class="strict_btn_right_item" @click="openCli"><span class="iconfont icon-Fill"></span><span>进群</span> | ||
| 259 | - </div> | ||
| 260 | - <div class="goPay" @click="go_pay">去认购</div> | 300 | + <div class="footer_item" :class="{footer_item_active:index==2}" @click="changeTab(2)"> |
| 301 | + <i class="iconfont icon-wo"></i> | ||
| 302 | + <span>我的</span> | ||
| 261 | </div> | 303 | </div> |
| 262 | - </div> | 304 | + |
| 305 | + </footer> | ||
| 263 | </div> | 306 | </div> |
| 264 | </body> | 307 | </body> |
| 265 | </html> | 308 | </html> |
| 309 | +<script> | ||
| 310 | + window.onLoad = function () { | ||
| 311 | + var map = new AMap.Map('container'); | ||
| 312 | + } | ||
| 313 | + var url = 'https://webapi.amap.com/maps?v=1.4.8&key=ef53760bd959a4df08b7d4587280e642&callback=onLoad'; | ||
| 314 | + var jsapi = document.createElement('script'); | ||
| 315 | + jsapi.charset = 'utf-8'; | ||
| 316 | + jsapi.src = url; | ||
| 317 | + document.head.appendChild(jsapi); | ||
| 318 | +</script> | ||
| 266 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 319 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 320 | +<script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> | ||
| 321 | +<script type="text/javascript" src="../../assets/js/weui.min.js"></script> | ||
| 267 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 322 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 268 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 323 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| 269 | <script> | 324 | <script> |
| 270 | new FastClick(document.body); | 325 | new FastClick(document.body); |
| 271 | </script> | 326 | </script> |
| 272 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> | 327 | <script type="text/javascript" src="../../assets/js/vue.min.js"></script> |
| 273 | -<script type="text/javascript" src="../../assets/js/swiper-3.4.2.min.js"></script> | ||
| 274 | -<script type="text/javascript" src="../../assets/js/axios.min.js"></script> | ||
| 275 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> | 328 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> |
| 329 | +<script type="text/javascript" src="../../assets/js/axios.min.js"></script> | ||
| 276 | <script> | 330 | <script> |
| 331 | + | ||
| 277 | var app = new Vue({ | 332 | var app = new Vue({ |
| 278 | - el: '#app', | 333 | + el: "#app", |
| 279 | data: { | 334 | data: { |
| 335 | + index: 1, | ||
| 280 | change_index: '', | 336 | change_index: '', |
| 281 | - show_img: true, | ||
| 282 | - share_show: false, | ||
| 283 | - banner: '', | ||
| 284 | - state: 0,//开放状态 | ||
| 285 | - taget: 0,//目标数量 | ||
| 286 | - num: 0,//已认购 | ||
| 287 | - progress: 0,//进度 | ||
| 288 | - money: 0,//认购金额 | ||
| 289 | - introduce: '',//介绍 | ||
| 290 | - scheme: '',//方案 | ||
| 291 | - wechat: '', | ||
| 292 | - top: '0' | 337 | + show_img: true, |
| 338 | + share_show: false, | ||
| 339 | + banner: '', | ||
| 340 | + state: 0, //开放状态 | ||
| 341 | + taget: 0, //目标数量 | ||
| 342 | + num: 0, //已认购 | ||
| 343 | + progress: 0, //进度 | ||
| 344 | + money: 0, //认购金额 | ||
| 345 | + introduce: '', //介绍 | ||
| 346 | + scheme: '', //方案 | ||
| 347 | + wechat: '', | ||
| 348 | + top: '0' | ||
| 293 | }, | 349 | }, |
| 294 | created: function () { | 350 | created: function () { |
| 295 | - apiready = function () { | ||
| 296 | - app.crowd(); | ||
| 297 | - if (getDevice() == 'iPhone10,3') { | ||
| 298 | - app.top = '0.35rem' | ||
| 299 | - } | ||
| 300 | - api.addEventListener({ | ||
| 301 | - name: 'index1' | ||
| 302 | - }, function (ret, err) { | ||
| 303 | - app.img_active = ret.value.img_active; | ||
| 304 | - api.setFrameAttr({ | ||
| 305 | - name: 'index_f', | ||
| 306 | - | ||
| 307 | - }); | ||
| 308 | - }); | ||
| 309 | - } | 351 | + this.crowd(); //第三栏 |
| 310 | }, | 352 | }, |
| 353 | + mounted: function() { | ||
| 354 | + window.addEventListener('scroll', this.handleScroll) | ||
| 355 | + }, | ||
| 311 | methods: { | 356 | methods: { |
| 357 | + // 我的消息 | ||
| 312 | // 去认购 | 358 | // 去认购 |
| 313 | - go_pay: function () { | ||
| 314 | - openView('strict_pay', 'strict/strict_pay', '认购') | ||
| 315 | - }, | ||
| 316 | - // 分享 | ||
| 317 | - share: function () { | ||
| 318 | - api.openFrame({ | ||
| 319 | - bgColor: 'rgba(0,0,0,0.05)', | ||
| 320 | - name: 'share', | ||
| 321 | - url: '../common/share.html', | ||
| 322 | - bounces: false, | ||
| 323 | - animation: { | ||
| 324 | - type: "push", | ||
| 325 | - subType: "from_bottom", | ||
| 326 | - duration: 300 | ||
| 327 | - }, | ||
| 328 | - rect: { | ||
| 329 | - x: 0, | ||
| 330 | - y: 0, | ||
| 331 | - w: 'auto', | ||
| 332 | - h: 'auto' | ||
| 333 | - } | ||
| 334 | - }); | ||
| 335 | - }, | ||
| 336 | - // 展示微信号 | ||
| 337 | - openCli: function () { | ||
| 338 | - api.openFrame({ | ||
| 339 | - bgColor: 'rgba(0,0,0,0.05)', | ||
| 340 | - name: 'group', | ||
| 341 | - url: '../common/group.html', | ||
| 342 | - bounces: false, | ||
| 343 | - animation: { | ||
| 344 | - type: "reveal", | ||
| 345 | - subType: "from_bottom", | ||
| 346 | - duration: 300 | ||
| 347 | - }, | ||
| 348 | - pageParam: { | ||
| 349 | - wechat: app.wechat | ||
| 350 | - }, | ||
| 351 | - rect: { | ||
| 352 | - x: 0, | ||
| 353 | - y: 0, | ||
| 354 | - w: 'auto', | ||
| 355 | - h: 'auto' | ||
| 356 | - } | ||
| 357 | - }); | ||
| 358 | - }, | ||
| 359 | - // 定位头部 | ||
| 360 | - handleScroll: function () { | ||
| 361 | - var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; | ||
| 362 | - var offsetTop = document.querySelector('#main').offsetTop; | ||
| 363 | - if (scrollTop > offsetTop) { | ||
| 364 | - app.share_show = true | ||
| 365 | - } else { | ||
| 366 | - app.share_show = false | ||
| 367 | - } | ||
| 368 | - }, | ||
| 369 | - // 移除监听事件 | ||
| 370 | - destroyed: function () { | ||
| 371 | - window.removeEventListener('scroll', this.handleScroll) | ||
| 372 | - }, | ||
| 373 | - // 获取详情 | ||
| 374 | - crowd: function () { | ||
| 375 | - var header = { | ||
| 376 | - "XX-Device-Type": getDevice(), | ||
| 377 | - 'XX-Token': getToken() | ||
| 378 | - }; | ||
| 379 | - getRequest('post', 'portal/Goods/crowd', null, header).then(function (res) { | ||
| 380 | - // alert(JSON.stringify(res)); | ||
| 381 | - if (res.data.code == 1) { | ||
| 382 | - app.banner = res.data.data.banner; | ||
| 383 | - app.state = res.data.data.state; | ||
| 384 | - app.taget = res.data.data.taget; | ||
| 385 | - app.num = res.data.data.num; | ||
| 386 | - app.progress = res.data.data.progress; | ||
| 387 | - app.money = res.data.data.money; | ||
| 388 | - app.introduce = res.data.data.introduce; | ||
| 389 | - app.scheme = res.data.data.scheme; | ||
| 390 | - app.wechat = res.data.data.wechat; | ||
| 391 | - } else { | ||
| 392 | - toastMsg(res.data.msg) | ||
| 393 | - } | ||
| 394 | - loadEnd(); | ||
| 395 | - }) | 359 | + go_pay: function() { |
| 360 | + openView('strict_pay', 'strict/strict_pay', '认购') | ||
| 361 | + }, | ||
| 362 | + // 分享 | ||
| 363 | + share: function() { | ||
| 364 | + api.openFrame({ | ||
| 365 | + bgColor: 'rgba(0,0,0,0.05)', | ||
| 366 | + name: 'share', | ||
| 367 | + url: '../common/share.html', | ||
| 368 | + bounces: false, | ||
| 369 | + animation: { | ||
| 370 | + type: "push", | ||
| 371 | + subType: "from_bottom", | ||
| 372 | + duration: 300 | ||
| 373 | + }, | ||
| 374 | + rect: { | ||
| 375 | + x: 0, | ||
| 376 | + y: 0, | ||
| 377 | + w: 'auto', | ||
| 378 | + h: 'auto' | ||
| 379 | + } | ||
| 380 | + }); | ||
| 381 | + }, | ||
| 382 | + // 展示微信号 | ||
| 383 | + openCli: function() { | ||
| 384 | + api.openFrame({ | ||
| 385 | + bgColor: 'rgba(0,0,0,0.05)', | ||
| 386 | + name: 'group', | ||
| 387 | + url: '../common/group.html', | ||
| 388 | + bounces: false, | ||
| 389 | + animation: { | ||
| 390 | + type: "reveal", | ||
| 391 | + subType: "from_bottom", | ||
| 392 | + duration: 300 | ||
| 393 | + }, | ||
| 394 | + pageParam: { | ||
| 395 | + wechat: app.wechat | ||
| 396 | + }, | ||
| 397 | + rect: { | ||
| 398 | + x: 0, | ||
| 399 | + y: 0, | ||
| 400 | + w: 'auto', | ||
| 401 | + h: 'auto' | ||
| 402 | + } | ||
| 403 | + }); | ||
| 404 | + }, | ||
| 405 | + // 定位头部 | ||
| 406 | + handleScroll: function() { | ||
| 407 | + var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; | ||
| 408 | + var offsetTop = document.querySelector('#main').offsetTop; | ||
| 409 | + if(scrollTop > offsetTop) { | ||
| 410 | + app.share_show = true | ||
| 411 | + } else { | ||
| 412 | + app.share_show = false | ||
| 413 | + } | ||
| 414 | + }, | ||
| 415 | + // 移除监听事件 | ||
| 416 | + destroyed: function() { | ||
| 417 | + window.removeEventListener('scroll', this.handleScroll) | ||
| 418 | + }, | ||
| 419 | + // 获取详情 | ||
| 420 | + crowd: function() { | ||
| 421 | + var header = { | ||
| 422 | + "XX-Device-Type": getDevice(), | ||
| 423 | + 'XX-Token': getToken() | ||
| 424 | + }; | ||
| 425 | + getRequest('post', 'portal/Goods/crowd', null, header).then(function(res) { | ||
| 426 | + // alert(JSON.stringify(res)); | ||
| 427 | + if(res.data.code == 1) { | ||
| 428 | + app.banner = res.data.data.banner; | ||
| 429 | + app.state = res.data.data.state; | ||
| 430 | + app.taget = res.data.data.taget; | ||
| 431 | + app.num = res.data.data.num; | ||
| 432 | + app.progress = res.data.data.progress; | ||
| 433 | + app.money = res.data.data.money; | ||
| 434 | + app.introduce = res.data.data.introduce; | ||
| 435 | + app.scheme = res.data.data.scheme; | ||
| 436 | + app.wechat = res.data.data.wechat; | ||
| 437 | + } else { | ||
| 438 | + toastMsg(res.data.msg) | ||
| 439 | + } | ||
| 440 | + loadEnd(); | ||
| 441 | + }) | ||
| 442 | + }, | ||
| 443 | + // 切换底部导航 | ||
| 444 | + changeTab: function (res) { | ||
| 445 | + //跳转页面 | ||
| 396 | } | 446 | } |
| 397 | - }, | ||
| 398 | - mounted: function () { | ||
| 399 | - // 计算滚动条位置 | ||
| 400 | - window.addEventListener('scroll', this.handleScroll) | ||
| 401 | - }, | 447 | + } |
| 402 | }) | 448 | }) |
| 403 | -</script> | ||
| 449 | +</script> |
-
请 注册 或 登录 后发表评论