Skip to content

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

2023/10/23更新一版

上级 cb481fd7
全部展开 显示空白字符变更
内嵌 并排
正在显示 包含 231 行增加 和 64 行删除
package-lock.json
浏览文件 @ e5836199
差异被折叠。
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;
img { ::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; 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 !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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论