fix: 修改背景图片
This commit is contained in:
parent
c32ff7e7ad
commit
ac6d837840
|
@ -1,6 +1,6 @@
|
||||||
// const baseurl = "http://192.168.110.39:8080"; // 本地
|
const baseurl = "http://192.168.110.39:8080"; // 本地
|
||||||
// const baseurl = "http://lottery.unipay.test.86698.cn/api"; // 测试
|
// const baseurl = "http://lottery.unipay.test.86698.cn/api"; // 测试
|
||||||
const baseurl = "https://lottery.unipay.api.86698.cn"; // 正式
|
// const baseurl = "https://lottery.unipay.api.86698.cn"; // 正式
|
||||||
// 统一请求
|
// 统一请求
|
||||||
// 返送之前
|
// 返送之前
|
||||||
axios.interceptors.request.use((config) => {
|
axios.interceptors.request.use((config) => {
|
||||||
|
|
|
@ -8,14 +8,12 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 0.2rem;
|
padding-bottom: 0.2rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background-color: #3387c2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 3.68rem;
|
height: 3.68rem;
|
||||||
background: url("https://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/department-of-finance/img/banner1.png?v=222")
|
|
||||||
no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.goods-box {
|
.goods-box {
|
||||||
|
|
10
index.html
10
index.html
|
@ -33,7 +33,9 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<div v-if="state.showPage">
|
<div v-if="state.showPage">
|
||||||
<div class="banner"></div>
|
<div class="banner"
|
||||||
|
:style="`background:url(${state.id === 11 ? state.bg[0] : state.bg[1]}) no-repeat;background-size: 100%;`">
|
||||||
|
</div>
|
||||||
<div class="goods-box">
|
<div class="goods-box">
|
||||||
<div class="goods-list-box-bg">
|
<div class="goods-list-box-bg">
|
||||||
<div class="goods-list-box">
|
<div class="goods-list-box">
|
||||||
|
@ -119,6 +121,11 @@
|
||||||
createApp({
|
createApp({
|
||||||
setup() {
|
setup() {
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
|
bg: [
|
||||||
|
"https://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/department-of-finance/img/banner1.png?v=222",
|
||||||
|
"https://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/department-of-finance/img/banner2.png?v=333",
|
||||||
|
],
|
||||||
|
id: 11,
|
||||||
token: "",
|
token: "",
|
||||||
showPage: false,
|
showPage: false,
|
||||||
showPop: false,
|
showPop: false,
|
||||||
|
@ -279,6 +286,7 @@
|
||||||
try {
|
try {
|
||||||
req.axiosGet("/front/homeData").then(res => {
|
req.axiosGet("/front/homeData").then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
|
state.id = res.data.id;
|
||||||
state.goodsList = res.data.prizes;
|
state.goodsList = res.data.prizes;
|
||||||
// 设置勾选
|
// 设置勾选
|
||||||
let el = res.data.prizes.find(item => item.is_receive === 1);
|
let el = res.data.prizes.find(item => item.is_receive === 1);
|
||||||
|
|
Loading…
Reference in New Issue