Skip to content

2
2025_fangtai_springfestival_h5
提交 e5836199 authored 作者: liudezheng's avatar liudezheng
浏览文件
操作

2023/10/23更新一版

上级 cb481fd7
隐藏空白字符变更
内嵌 并排
正在显示 包含 231 行增加 和 64 行删除
package-lock.json
浏览文件 @ e5836199
...@@ -1205,6 +1205,12 @@ ...@@ -1205,6 +1205,12 @@
"to-fast-properties": "^2.0.0" "to-fast-properties": "^2.0.0"
} }
}, },
"@discoveryjs/json-ext": {
"version": "0.5.7",
"resolved": "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
"integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
"dev": true
},
"@hapi/address": { "@hapi/address": {
"version": "2.1.4", "version": "2.1.4",
"resolved": "https://registry.npmmirror.com/@hapi/address/-/address-2.1.4.tgz", "resolved": "https://registry.npmmirror.com/@hapi/address/-/address-2.1.4.tgz",
...@@ -1319,6 +1325,12 @@ ...@@ -1319,6 +1325,12 @@
"integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==", "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
"dev": true "dev": true
}, },
"@polka/url": {
"version": "1.0.0-next.23",
"resolved": "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.23.tgz",
"integrity": "sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==",
"dev": true
},
"@soda/friendly-errors-webpack-plugin": { "@soda/friendly-errors-webpack-plugin": {
"version": "1.8.1", "version": "1.8.1",
"resolved": "https://registry.npmmirror.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.1.tgz", "resolved": "https://registry.npmmirror.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.1.tgz",
...@@ -1927,6 +1939,16 @@ ...@@ -1927,6 +1939,16 @@
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
"dev": true "dev": true
}, },
"gzip-size": {
"version": "5.1.1",
"resolved": "https://registry.npmmirror.com/gzip-size/-/gzip-size-5.1.1.tgz",
"integrity": "sha512-FNHi6mmoHvs1mxZAds4PpdCS6QG8B4C1krxJsMutgxl5t3+GlRTzzI3NEkifXx2pVsOvJdOGSmIgDhQ55FwdPA==",
"dev": true,
"requires": {
"duplexer": "^0.1.1",
"pify": "^4.0.1"
}
},
"ssri": { "ssri": {
"version": "8.0.1", "version": "8.0.1",
"resolved": "https://registry.npmmirror.com/ssri/-/ssri-8.0.1.tgz", "resolved": "https://registry.npmmirror.com/ssri/-/ssri-8.0.1.tgz",
...@@ -1935,6 +1957,27 @@ ...@@ -1935,6 +1957,27 @@
"requires": { "requires": {
"minipass": "^3.1.1" "minipass": "^3.1.1"
} }
},
"webpack-bundle-analyzer": {
"version": "3.9.0",
"resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.9.0.tgz",
"integrity": "sha512-Ob8amZfCm3rMB1ScjQVlbYYUEJyEjdEtQ92jqiFUYt5VkEeO2v5UMbv49P/gnmCZm3A6yaFQzCBvpZqN4MUsdA==",
"dev": true,
"requires": {
"acorn": "^7.1.1",
"acorn-walk": "^7.1.1",
"bfj": "^6.1.1",
"chalk": "^2.4.1",
"commander": "^2.18.0",
"ejs": "^2.6.1",
"express": "^4.16.3",
"filesize": "^3.6.1",
"gzip-size": "^5.0.0",
"lodash": "^4.17.19",
"mkdirp": "^0.5.1",
"opener": "^1.5.1",
"ws": "^6.0.0"
}
} }
} }
}, },
...@@ -6112,13 +6155,12 @@ ...@@ -6112,13 +6155,12 @@
"dev": true "dev": true
}, },
"gzip-size": { "gzip-size": {
"version": "5.1.1", "version": "6.0.0",
"resolved": "https://registry.npmmirror.com/gzip-size/-/gzip-size-5.1.1.tgz", "resolved": "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz",
"integrity": "sha512-FNHi6mmoHvs1mxZAds4PpdCS6QG8B4C1krxJsMutgxl5t3+GlRTzzI3NEkifXx2pVsOvJdOGSmIgDhQ55FwdPA==", "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
"dev": true, "dev": true,
"requires": { "requires": {
"duplexer": "^0.1.1", "duplexer": "^0.1.2"
"pify": "^4.0.1"
} }
}, },
"handle-thing": { "handle-thing": {
...@@ -7544,6 +7586,24 @@ ...@@ -7544,6 +7586,24 @@
"integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==", "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
"dev": true "dev": true
}, },
"lodash.escape": {
"version": "4.0.1",
"resolved": "https://registry.npmmirror.com/lodash.escape/-/lodash.escape-4.0.1.tgz",
"integrity": "sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==",
"dev": true
},
"lodash.flatten": {
"version": "4.4.0",
"resolved": "https://registry.npmmirror.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
"integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==",
"dev": true
},
"lodash.invokemap": {
"version": "4.6.0",
"resolved": "https://registry.npmmirror.com/lodash.invokemap/-/lodash.invokemap-4.6.0.tgz",
"integrity": "sha512-CfkycNtMqgUlfjfdh2BhKO/ZXrP8ePOX5lEU/g0R3ItJcnuxWDwokMGKx1hWcfOikmyOVx6X9IwWnDGlgKl61w==",
"dev": true
},
"lodash.kebabcase": { "lodash.kebabcase": {
"version": "4.1.1", "version": "4.1.1",
"resolved": "https://registry.npmmirror.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz", "resolved": "https://registry.npmmirror.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
...@@ -7562,6 +7622,12 @@ ...@@ -7562,6 +7622,12 @@
"integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==", "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
"dev": true "dev": true
}, },
"lodash.pullall": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/lodash.pullall/-/lodash.pullall-4.2.0.tgz",
"integrity": "sha512-VhqxBKH0ZxPpLhiu68YD1KnHmbhQJQctcipvmFnqIBDYzcIHzf3Zpu0tpeOKtR4x76p9yohc506eGdOjTmyIBg==",
"dev": true
},
"lodash.transform": { "lodash.transform": {
"version": "4.6.0", "version": "4.6.0",
"resolved": "https://registry.npmmirror.com/lodash.transform/-/lodash.transform-4.6.0.tgz", "resolved": "https://registry.npmmirror.com/lodash.transform/-/lodash.transform-4.6.0.tgz",
...@@ -7574,6 +7640,12 @@ ...@@ -7574,6 +7640,12 @@
"integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==", "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
"dev": true "dev": true
}, },
"lodash.uniqby": {
"version": "4.7.0",
"resolved": "https://registry.npmmirror.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
"integrity": "sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==",
"dev": true
},
"log-symbols": { "log-symbols": {
"version": "2.2.0", "version": "2.2.0",
"resolved": "https://registry.npmmirror.com/log-symbols/-/log-symbols-2.2.0.tgz", "resolved": "https://registry.npmmirror.com/log-symbols/-/log-symbols-2.2.0.tgz",
...@@ -7929,6 +8001,12 @@ ...@@ -7929,6 +8001,12 @@
"run-queue": "^1.0.3" "run-queue": "^1.0.3"
} }
}, },
"mrmime": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz",
"integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==",
"dev": true
},
"ms": { "ms": {
"version": "2.1.2", "version": "2.1.2",
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz", "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
...@@ -10308,6 +10386,17 @@ ...@@ -10308,6 +10386,17 @@
} }
} }
}, },
"sirv": {
"version": "2.0.3",
"resolved": "https://registry.npmmirror.com/sirv/-/sirv-2.0.3.tgz",
"integrity": "sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==",
"dev": true,
"requires": {
"@polka/url": "^1.0.0-next.20",
"mrmime": "^1.0.0",
"totalist": "^3.0.0"
}
},
"slash": { "slash": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmmirror.com/slash/-/slash-2.0.0.tgz", "resolved": "https://registry.npmmirror.com/slash/-/slash-2.0.0.tgz",
...@@ -11280,6 +11369,12 @@ ...@@ -11280,6 +11369,12 @@
"integrity": "sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==", "integrity": "sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==",
"dev": true "dev": true
}, },
"totalist": {
"version": "3.0.1",
"resolved": "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz",
"integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
"dev": true
},
"tough-cookie": { "tough-cookie": {
"version": "2.5.0", "version": "2.5.0",
"resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-2.5.0.tgz", "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-2.5.0.tgz",
...@@ -12225,30 +12320,64 @@ ...@@ -12225,30 +12320,64 @@
} }
}, },
"webpack-bundle-analyzer": { "webpack-bundle-analyzer": {
"version": "3.9.0", "version": "4.9.1",
"resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.9.0.tgz", "resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.1.tgz",
"integrity": "sha512-Ob8amZfCm3rMB1ScjQVlbYYUEJyEjdEtQ92jqiFUYt5VkEeO2v5UMbv49P/gnmCZm3A6yaFQzCBvpZqN4MUsdA==", "integrity": "sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==",
"dev": true, "dev": true,
"requires": { "requires": {
"acorn": "^7.1.1", "@discoveryjs/json-ext": "0.5.7",
"acorn-walk": "^7.1.1", "acorn": "^8.0.4",
"bfj": "^6.1.1", "acorn-walk": "^8.0.0",
"chalk": "^2.4.1", "commander": "^7.2.0",
"commander": "^2.18.0", "escape-string-regexp": "^4.0.0",
"ejs": "^2.6.1", "gzip-size": "^6.0.0",
"express": "^4.16.3", "is-plain-object": "^5.0.0",
"filesize": "^3.6.1", "lodash.debounce": "^4.0.8",
"gzip-size": "^5.0.0", "lodash.escape": "^4.0.1",
"lodash": "^4.17.19", "lodash.flatten": "^4.4.0",
"mkdirp": "^0.5.1", "lodash.invokemap": "^4.6.0",
"opener": "^1.5.1", "lodash.pullall": "^4.2.0",
"ws": "^6.0.0" "lodash.uniqby": "^4.7.0",
"opener": "^1.5.2",
"picocolors": "^1.0.0",
"sirv": "^2.0.3",
"ws": "^7.3.1"
}, },
"dependencies": { "dependencies": {
"acorn": { "acorn": {
"version": "7.4.1", "version": "8.10.0",
"resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz", "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz",
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
"dev": true
},
"acorn-walk": {
"version": "8.2.0",
"resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.2.0.tgz",
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
"dev": true
},
"commander": {
"version": "7.2.0",
"resolved": "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz",
"integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
"dev": true
},
"escape-string-regexp": {
"version": "4.0.0",
"resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
"integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
"dev": true
},
"is-plain-object": {
"version": "5.0.0",
"resolved": "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz",
"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
"dev": true
},
"ws": {
"version": "7.5.9",
"resolved": "https://registry.npmmirror.com/ws/-/ws-7.5.9.tgz",
"integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
"dev": true "dev": true
} }
} }
......
package.json
浏览文件 @ e5836199
...@@ -32,7 +32,8 @@ ...@@ -32,7 +32,8 @@
"prettier": "^2.2.1", "prettier": "^2.2.1",
"sass": "^1.26.5", "sass": "^1.26.5",
"sass-loader": "^8.0.2", "sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11" "vue-template-compiler": "^2.6.11",
"webpack-bundle-analyzer": "^4.9.1"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,
......
public/index.html
浏览文件 @ e5836199
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
content="width=device-width,initial-scale=1.0 maximum-scale=1.0, user-scalable=no" content="width=device-width,initial-scale=1.0 maximum-scale=1.0, user-scalable=no"
/> />
<!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> --> <!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> -->
<title>尊享高端，礼遇11.11</title> <title>【方太】尊享高端.礼遇金秋双11 </title>
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script> <script>
// VConsole 默认会挂载到 `window.VConsole` 上 // VConsole 默认会挂载到 `window.VConsole` 上
......
src/router/index.js
浏览文件 @ e5836199
...@@ -10,7 +10,7 @@ const routes = [ ...@@ -10,7 +10,7 @@ const routes = [
name: "Home", name: "Home",
component: Home, component: Home,
meta: { meta: {
title: "尊享高端，礼遇11.11", title: "【方太】尊享高端.礼遇金秋双11",
}, },
}, },
{ {
...@@ -22,7 +22,7 @@ const routes = [ ...@@ -22,7 +22,7 @@ const routes = [
component: () => component: () =>
import(/* webpackChunkName: "about" */ "../views/About.vue"), import(/* webpackChunkName: "about" */ "../views/About.vue"),
meta: { meta: {
title: "尊享高端，礼遇11.11", title: "【方太】热水器老用户免费换新机",
}, },
}, },
]; ];
......
src/views/About.vue
浏览文件 @ e5836199
<template> <template>
<div class="about"> <div class="about">
<img <van-swipe
class="my-swipe"
:autoplay="3000"
indicator-color="#C4050F"
>
<van-swipe-item v-for="(item, i) in imgUrlList" :key="i"
><img class="image" :src="item" alt="" srcset=""
/></van-swipe-item>
</van-swipe>
<!-- <img
class="head-img" class="head-img"
src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm1.png" src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm1.png"
alt="" alt=""
srcset="" srcset=""
/> /> -->
<img class="title-img" src="@/assets/title-7.png" alt="" srcset="" /> <!-- <img class="title-img" src="@/assets/title-7.png" alt="" srcset="" /> -->
<img <!-- <img
class="b-g" class="b-g"
src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm2.png" src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm2.png"
alt="" alt=""
srcset="" srcset=""
/> />
<img class="b-g" src="@/assets/7.png" alt="" srcset="" /> <img class="b-g" src="@/assets/7.png" alt="" srcset="" /> -->
<img class="b-g" src="@/assets/8.png" alt="" srcset="" />
<van-field class="input" v-model="from.name" placeholder="请输入名字" /> <van-field class="input" v-model="from.name" placeholder="请输入名字" />
<van-field <van-field
class="input" class="input"
...@@ -38,6 +48,10 @@ export default { ...@@ -38,6 +48,10 @@ export default {
address: "", address: "",
}, },
current: 0, current: 0,
imgUrlList: [
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/1banner1.png",
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/1banner2.png",
],
}; };
}, },
components: {}, components: {},
...@@ -54,8 +68,8 @@ export default { ...@@ -54,8 +68,8 @@ export default {
const { appId, signature, timestamp, nonceStr, url } = res.data.data; const { appId, signature, timestamp, nonceStr, url } = res.data.data;
// 分享数据写死 // 分享数据写死
let msg = { let msg = {
title: "方太双节惠购，你的厨房我来换", // 分享标题 title: "【方太】尊享高端.礼遇金秋双11", // 分享标题
desc: "晒厨房享免费换新！方太换新体验官全城火热招募", // 分享描述 desc: "满额送华为Mate60Pro(使用权)，抽免单（4999元）、秒好礼，寻找老用户，热水器0元焕新", // 分享描述
link: url, // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名 link: url, // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名
imgUrl: imgUrl:
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标 "https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标
...@@ -161,8 +175,46 @@ export default { ...@@ -161,8 +175,46 @@ export default {
background: linear-gradient(180deg, #1d1212 0%, #c41a21 100%); background: linear-gradient(180deg, #1d1212 0%, #c41a21 100%);
box-sizing: border-box; box-sizing: border-box;
padding: 0 0 50px 0; padding: 0 0 50px 0;
::v-deep .my-swipe {
height: 380px !important;
.van-swipe-item {
color: #fff;
font-size: 20px;
text-align: center;
.image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
}
.van-swipe__indicators {
// right: 22px;
left: 90%;
transform: translateX(0);
bottom: 14px;
.van-swipe__indicator {
width: 8px;
height: 8px;
background: #d8d8d8;
opacity: 1;
&:not(:last-child) {
margin-right: 8px;
}
}
.van-swipe__indicator--active {
transition: 0.5s width;
width: 32px;
height: 8px;
border-radius: 20px 20px 20px 20px;
opacity: 1;
}
.van-swipe__indicator:not(:last-child) {
}
}
}
img { img {
display: block; display: block !important;
} }
.head-img { .head-img {
width: 100%; width: 100%;
......
src/views/Home.vue
浏览文件 @ e5836199
...@@ -53,25 +53,7 @@ ...@@ -53,25 +53,7 @@
alt="" alt=""
srcset="" srcset=""
/> />
<!-- <div class="test">
<wx-open-launch-weapp
v-if="true"
id="launch-btn"
appid="wx6b79cb62d5aa1bdd"
username="gh_b537541d2a7"
path="/pages/productdetail/productdetail?id=792"
@launch="sucFun"
@error="errFun"
style="position: absolute; width: 100%; height: 100%"
>
<script type="text/wxtag-template">
<div style="position: absolute; top:0;left:0;right:0;
bottom:0;">
<img style="width:100%;height:100%;display:block" src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/huanzhuang/images/mxdp1.png" alt="" srcset="" />
</div>
</script>
</wx-open-launch-weapp>
</div> -->
<!-- <div class="one-text"> <!-- <div class="one-text">
100%好礼：预定用户分享活动，即可参与11.11砸金蛋100%抽奖，100-1000元无门槛优惠券送不停，更有华为Mate60（使用权）、4999元免单、小天鹅10公斤滚筒洗衣机等幸运好礼！ 100%好礼：预定用户分享活动，即可参与11.11砸金蛋100%抽奖，100-1000元无门槛优惠券送不停，更有华为Mate60（使用权）、4999元免单、小天鹅10公斤滚筒洗衣机等幸运好礼！
</div> --> </div> -->
...@@ -83,7 +65,7 @@ ...@@ -83,7 +65,7 @@
id="launch-btn" id="launch-btn"
appid="wx6b79cb62d5aa1bdd" appid="wx6b79cb62d5aa1bdd"
username="gh_b537541d2a7" username="gh_b537541d2a7"
path="/pages/productdetail/productdetail?id=793" path="/pages/jump/jump?colType=3&cusColId=353"
@launch="sucFun" @launch="sucFun"
@error="errFun" @error="errFun"
style=" style="
...@@ -164,7 +146,7 @@ ...@@ -164,7 +146,7 @@
</div> </div>
</template> </template>
<script> <script>
// @ is an alias to /src
import axios from "axios"; import axios from "axios";
var hasRefreshed = false; var hasRefreshed = false;
// import wx from "weixin-js-sdk"; // import wx from "weixin-js-sdk";
...@@ -225,8 +207,8 @@ export default { ...@@ -225,8 +207,8 @@ export default {
const { appId, signature, timestamp, nonceStr, url } = res.data.data; const { appId, signature, timestamp, nonceStr, url } = res.data.data;
// 分享数据写死 // 分享数据写死
let msg = { let msg = {
title: "方太双节惠购，你的厨房我来换", // 分享标题 title: "【方太】尊享高端.礼遇金秋双11", // 分享标题
desc: "晒厨房享免费换新！方太换新体验官全城火热招募", // 分享描述 desc: "满额送华为Mate60Pro(使用权)，抽免单（4999元）、秒好礼，寻找老用户，热水器0元焕新", // 分享描述
link: "https://faces.diaosaas.com/ft/website11/", // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名 link: "https://faces.diaosaas.com/ft/website11/", // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名
imgUrl: imgUrl:
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标 "https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标
...@@ -508,7 +490,9 @@ export default { ...@@ -508,7 +490,9 @@ export default {
} }
::v-deep .my-swipe-three { ::v-deep .my-swipe-three {
width: 700px !important; width: 700px !important;
height: 382px !important; // height: 382px !important;
// height: 324px !important;
min-height: 324px !important;
margin: 0 auto; margin: 0 auto;
// border: 1px solid #39a9ed; // border: 1px solid #39a9ed;
.van-swipe-item { .van-swipe-item {
...@@ -517,7 +501,7 @@ export default { ...@@ -517,7 +501,7 @@ export default {
text-align: center; text-align: center;
.image { .image {
width: 700px; width: 700px;
height: 350px; // height: 350px;
display: block; display: block;
// object-fit: cover; // object-fit: cover;
border-radius: 22px; border-radius: 22px;
......
vue.config.js
浏览文件 @ e5836199
module.exports = { module.exports = {
lintOnSave: false, lintOnSave: false,
publicPath: process.env.NODE_ENV === "production" ? "/ft/website11/" : "/", publicPath: process.env.NODE_ENV === "production" ? "/ft/website11/" : "/", // 静态资源拼接路径
productionSourceMap: false, // 打包不生成map 文件
}; };
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论