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 @@
"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 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论