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 @@
"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": {
"version": "2.1.4",
"resolved": "https://registry.npmmirror.com/@hapi/address/-/address-2.1.4.tgz",
......@@ -1319,6 +1325,12 @@
"integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
"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": {
"version": "1.8.1",
"resolved": "https://registry.npmmirror.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.1.tgz",
......@@ -1927,6 +1939,16 @@
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
"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": {
"version": "8.0.1",
"resolved": "https://registry.npmmirror.com/ssri/-/ssri-8.0.1.tgz",
......@@ -1935,6 +1957,27 @@
"requires": {
"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 @@
"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==",
"version": "6.0.0",
"resolved": "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz",
"integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
"dev": true,
"requires": {
"duplexer": "^0.1.1",
"pify": "^4.0.1"
"duplexer": "^0.1.2"
}
},
"handle-thing": {
......@@ -7544,6 +7586,24 @@
"integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
"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": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
......@@ -7562,6 +7622,12 @@
"integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
"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": {
"version": "4.6.0",
"resolved": "https://registry.npmmirror.com/lodash.transform/-/lodash.transform-4.6.0.tgz",
......@@ -7574,6 +7640,12 @@
"integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
"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": {
"version": "2.2.0",
"resolved": "https://registry.npmmirror.com/log-symbols/-/log-symbols-2.2.0.tgz",
......@@ -7929,6 +8001,12 @@
"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": {
"version": "2.1.2",
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
......@@ -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": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/slash/-/slash-2.0.0.tgz",
......@@ -11280,6 +11369,12 @@
"integrity": "sha512-FclLrw8b9bMWf4QlCJuHBEVhSRsqDj6u3nIjAzPeJvgl//1hBlffdlk0MALceL14+koWEdU4ofRAXofbODxQzg==",
"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": {
"version": "2.5.0",
"resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-2.5.0.tgz",
......@@ -12225,30 +12320,64 @@
}
},
"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"
"version": "4.9.1",
"resolved": "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.1.tgz",
"integrity": "sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==",
"dev": true,
"requires": {
"@discoveryjs/json-ext": "0.5.7",
"acorn": "^8.0.4",
"acorn-walk": "^8.0.0",
"commander": "^7.2.0",
"escape-string-regexp": "^4.0.0",
"gzip-size": "^6.0.0",
"is-plain-object": "^5.0.0",
"lodash.debounce": "^4.0.8",
"lodash.escape": "^4.0.1",
"lodash.flatten": "^4.4.0",
"lodash.invokemap": "^4.6.0",
"lodash.pullall": "^4.2.0",
"lodash.uniqby": "^4.7.0",
"opener": "^1.5.2",
"picocolors": "^1.0.0",
"sirv": "^2.0.3",
"ws": "^7.3.1"
},
"dependencies": {
"acorn": {
"version": "7.4.1",
"resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
"version": "8.10.0",
"resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz",
"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
}
}
......
package.json
浏览文件 @ e5836199
......@@ -32,7 +32,8 @@
"prettier": "^2.2.1",
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
"vue-template-compiler": "^2.6.11",
"webpack-bundle-analyzer": "^4.9.1"
},
"eslintConfig": {
"root": true,
......
public/index.html
浏览文件 @ e5836199
......@@ -8,7 +8,7 @@
content="width=device-width,initial-scale=1.0 maximum-scale=1.0, user-scalable=no"
/>
<!-- <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>
// VConsole 默认会挂载到 `window.VConsole` 上
......
src/router/index.js
浏览文件 @ e5836199
......@@ -10,7 +10,7 @@ const routes = [
name: "Home",
component: Home,
meta: {
title: "尊享高端，礼遇11.11",
title: "【方太】尊享高端.礼遇金秋双11",
},
},
{
......@@ -22,7 +22,7 @@ const routes = [
component: () =>
import(/* webpackChunkName: "about" */ "../views/About.vue"),
meta: {
title: "尊享高端，礼遇11.11",
title: "【方太】热水器老用户免费换新机",
},
},
];
......
src/views/About.vue
浏览文件 @ e5836199
<template>
<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"
src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm1.png"
alt=""
srcset=""
/>
<img class="title-img" src="@/assets/title-7.png" alt="" srcset="" />
<img
/> -->
<!-- <img class="title-img" src="@/assets/title-7.png" alt="" srcset="" /> -->
<!-- <img
class="b-g"
src="https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/bm2.png"
alt=""
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"
......@@ -38,6 +48,10 @@ export default {
address: "",
},
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: {},
......@@ -54,8 +68,8 @@ export default {
const { appId, signature, timestamp, nonceStr, url } = res.data.data;
// 分享数据写死
let msg = {
title: "方太双节惠购，你的厨房我来换", // 分享标题
desc: "晒厨房享免费换新！方太换新体验官全城火热招募", // 分享描述
title: "【方太】尊享高端.礼遇金秋双11", // 分享标题
desc: "满额送华为Mate60Pro(使用权)，抽免单（4999元）、秒好礼，寻找老用户，热水器0元焕新", // 分享描述
link: url, // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名
imgUrl:
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标
......@@ -161,8 +175,46 @@ export default {
background: linear-gradient(180deg, #1d1212 0%, #c41a21 100%);
box-sizing: border-box;
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 {
display: block;
display: block !important;
}
.head-img {
width: 100%;
......
src/views/Home.vue
浏览文件 @ e5836199
......@@ -53,25 +53,7 @@
alt=""
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">
100%好礼：预定用户分享活动，即可参与11.11砸金蛋100%抽奖，100-1000元无门槛优惠券送不停，更有华为Mate60（使用权）、4999元免单、小天鹅10公斤滚筒洗衣机等幸运好礼！
</div> -->
......@@ -83,7 +65,7 @@
id="launch-btn"
appid="wx6b79cb62d5aa1bdd"
username="gh_b537541d2a7"
path="/pages/productdetail/productdetail?id=793"
path="/pages/jump/jump?colType=3&cusColId=353"
@launch="sucFun"
@error="errFun"
style="
......@@ -164,7 +146,7 @@
</div>
</template>
<script>
// @ is an alias to /src
import axios from "axios";
var hasRefreshed = false;
// import wx from "weixin-js-sdk";
......@@ -225,8 +207,8 @@ export default {
const { appId, signature, timestamp, nonceStr, url } = res.data.data;
// 分享数据写死
let msg = {
title: "方太双节惠购，你的厨房我来换", // 分享标题
desc: "晒厨房享免费换新！方太换新体验官全城火热招募", // 分享描述
title: "【方太】尊享高端.礼遇金秋双11", // 分享标题
desc: "满额送华为Mate60Pro(使用权)，抽免单（4999元）、秒好礼，寻找老用户，热水器0元焕新", // 分享描述
link: "https://faces.diaosaas.com/ft/website11/", // / 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名
imgUrl:
"https://diaocloud-fangtai.oss-cn-beijing.aliyuncs.com/ft20231111/fenxiang.png", // 分享图标
......@@ -508,7 +490,9 @@ export default {
}
::v-deep .my-swipe-three {
width: 700px !important;
height: 382px !important;
// height: 382px !important;
// height: 324px !important;
min-height: 324px !important;
margin: 0 auto;
// border: 1px solid #39a9ed;
.van-swipe-item {
......@@ -517,7 +501,7 @@ export default {
text-align: center;
.image {
width: 700px;
height: 350px;
// height: 350px;
display: block;
// object-fit: cover;
border-radius: 22px;
......
vue.config.js
浏览文件 @ e5836199
module.exports = {
lintOnSave: false,
publicPath: process.env.NODE_ENV === "production" ? "/ft/website11/" : "/",
publicPath: process.env.NODE_ENV === "production" ? "/ft/website11/" : "/", // 静态资源拼接路径
productionSourceMap: false, // 打包不生成map 文件
};
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论