fix:错误问题
This commit is contained in:
@@ -1,224 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="stepBox">
|
|
||||||
<div class="title">全部活动</div>
|
|
||||||
<div class="home-card">
|
|
||||||
<div class="home-item" v-for="item in activityInfo" :key="item.key">
|
|
||||||
<img class="home-img" :src="item.url" alt="" />
|
|
||||||
<div class="home-bottom">
|
|
||||||
<div class="bottom-title">
|
|
||||||
{{ item.title }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="bottom-btn"
|
|
||||||
v-if="item.isClick"
|
|
||||||
style="background: #1c6fff"
|
|
||||||
@click="openClick"
|
|
||||||
>
|
|
||||||
<span>{{ item.btn }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="bottom-btn" v-else style="background: #d9d8d8">
|
|
||||||
<span>{{ item.btn }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<a-modal v-model:visible="visible" title="开通活动" footer="">
|
|
||||||
<div class="activity-set">
|
|
||||||
<div class="set-img" v-if="isShow">
|
|
||||||
<div class="set-img-url">
|
|
||||||
<img :src="imgInfo.url" alt="" />
|
|
||||||
</div>
|
|
||||||
<div class="set-img-title">活动设置</div>
|
|
||||||
</div>
|
|
||||||
<div class="set-prompt" v-else>活动次数已用完,请联系管理员购买活动次数</div>
|
|
||||||
</div>
|
|
||||||
</a-modal>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive, onBeforeMount, watch, onMounted } from "vue";
|
|
||||||
import {
|
|
||||||
PlusOutlined,
|
|
||||||
//SearchOutlined
|
|
||||||
} from "@ant-design/icons-vue";
|
|
||||||
// 引入router
|
|
||||||
import { useRouter, useRoute } from "vue-router";
|
|
||||||
// 引入store
|
|
||||||
import { useStore } from "vuex";
|
|
||||||
import { getActivityList, setUrl } from "@/api/activity";
|
|
||||||
const router = useRouter();
|
|
||||||
const route = useRoute();
|
|
||||||
const store = useStore();
|
|
||||||
const visible = ref(false);
|
|
||||||
const imgInfo = ref({
|
|
||||||
url: "",
|
|
||||||
aid: "",
|
|
||||||
});
|
|
||||||
let isShow = ref(false);
|
|
||||||
let activityInfo = ref([
|
|
||||||
{
|
|
||||||
key: "1",
|
|
||||||
url: require("@/assets/img/activity/open_activity.jpg"),
|
|
||||||
title: "知识达人争夺赛",
|
|
||||||
btn: "开通活动",
|
|
||||||
isClick: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "2",
|
|
||||||
url: require("@/assets/img/activity/more_activity.jpg"),
|
|
||||||
title: "测试挑战,你敢吗?",
|
|
||||||
btn: "开通活动",
|
|
||||||
isClick: false,
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
// const requestURL =
|
|
||||||
// process.env.NODE_ENV === "production"
|
|
||||||
// ? "https://www.questiongorilla.com/#/answer?"
|
|
||||||
// : "https://planetg.test.automark.cc/#/answer?";
|
|
||||||
const requestURL = "";
|
|
||||||
// 获取活动列表
|
|
||||||
function openClick() {
|
|
||||||
console.log("开通活动");
|
|
||||||
let url = window.location.href;
|
|
||||||
let num = url.indexOf("?");
|
|
||||||
url = url.substr(num + 1);
|
|
||||||
getActivityList({ status: 2 }).then((res) => {
|
|
||||||
visible.value = true;
|
|
||||||
console.log(res, "res数据");
|
|
||||||
if (res.data.length != 0) {
|
|
||||||
isShow.value = true;
|
|
||||||
imgInfo.value = {
|
|
||||||
url: res.data[0].activity_code,
|
|
||||||
aid: res.data[0].activity_id,
|
|
||||||
};
|
|
||||||
setUrl({ aid: imgInfo.value.aid, url: requestURL + url }).then((res) => {
|
|
||||||
console.log(res, "成功");
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
isShow.value = false;
|
|
||||||
imgInfo.value = {
|
|
||||||
url: "",
|
|
||||||
aid: "",
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.stepBox {
|
|
||||||
overflow: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: #fff;
|
|
||||||
padding: 20px;
|
|
||||||
.title {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: rgba(0, 0, 0, 0.85);
|
|
||||||
line-height: 24px;
|
|
||||||
position: relative;
|
|
||||||
padding-left: 15px;
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
width: 4px;
|
|
||||||
height: 16px;
|
|
||||||
background: #1c6efc;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.home-card {
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 40px 0px;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
.home-item {
|
|
||||||
background: #f8faff;
|
|
||||||
border-radius: 6px;
|
|
||||||
border: 1px solid #cbdeff;
|
|
||||||
// width: calc(20% - 30px);
|
|
||||||
width: 259px;
|
|
||||||
height: 533px;
|
|
||||||
// padding: 20px 0px 20px 20px;
|
|
||||||
margin-right: 80px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
// display: flex;
|
|
||||||
// align-items: center;
|
|
||||||
&:nth-child(5) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.home-img {
|
|
||||||
display: inline-block;
|
|
||||||
width: 258px;
|
|
||||||
height: 439px;
|
|
||||||
border-radius: 5px 5px 0px 0px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.home-bottom {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: flex-start;
|
|
||||||
margin-left: 10px;
|
|
||||||
.bottom-title {
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 12px 0;
|
|
||||||
font-size: 16px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #17315d;
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
.bottom-btn {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 218px;
|
|
||||||
height: 32px;
|
|
||||||
background: #1c6fff;
|
|
||||||
border-radius: 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
span {
|
|
||||||
font-size: 14px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: 31px;
|
|
||||||
padding-left: 82px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.activity-set {
|
|
||||||
height: 254px;
|
|
||||||
.set-img {
|
|
||||||
.set-img-url {
|
|
||||||
width: 172px;
|
|
||||||
height: 166px;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 20px;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.set-img-title {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #262626;
|
|
||||||
line-height: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.set-prompt {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
color: #262626;
|
|
||||||
line-height: 220px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
const AutoImport = require('unplugin-auto-import/webpack')
|
const AutoImport = require('unplugin-auto-import/webpack');
|
||||||
const Components = require('unplugin-vue-components/webpack')
|
const Components = require('unplugin-vue-components/webpack');
|
||||||
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
|
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers');
|
||||||
const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
|
const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
|
||||||
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
|
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
|
||||||
const { proxyUrl, proxyUrlDelivery } = require('./src/config');
|
const { proxyUrl, proxyUrlDelivery } = require('./src/config');
|
||||||
@@ -9,10 +9,10 @@ const { baseOss } = require('./src/config');
|
|||||||
const path = require('path');
|
const path = require('path');
|
||||||
|
|
||||||
const mode = process.env.NODE_ENV;
|
const mode = process.env.NODE_ENV;
|
||||||
console.log(mode);
|
// console.log(mode);
|
||||||
const isDev = mode === 'development'
|
const isDev = mode === 'development';
|
||||||
|
|
||||||
function resolve (dir) {
|
function resolve(dir) {
|
||||||
return path.join(__dirname, dir);
|
return path.join(__dirname, dir);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -61,7 +61,7 @@ module.exports = {
|
|||||||
less: {
|
less: {
|
||||||
lessOptions: {
|
lessOptions: {
|
||||||
modifyVars: {
|
modifyVars: {
|
||||||
'primary-color': '#70b936',// 修改全局主题色
|
'primary-color': '#70b936', // 修改全局主题色
|
||||||
},
|
},
|
||||||
javascriptEnabled: true,
|
javascriptEnabled: true,
|
||||||
}
|
}
|
||||||
@@ -87,8 +87,8 @@ module.exports = {
|
|||||||
config.plugin("loadshReplace").use(new LodashModuleReplacementPlugin());
|
config.plugin("loadshReplace").use(new LodashModuleReplacementPlugin());
|
||||||
config.plugin('html').tap(args => {
|
config.plugin('html').tap(args => {
|
||||||
args[0].title = "智能调研工具";
|
args[0].title = "智能调研工具";
|
||||||
return args
|
return args;
|
||||||
})
|
});
|
||||||
// config.module
|
// config.module
|
||||||
// .rule('vue')
|
// .rule('vue')
|
||||||
// .test(/\.vue$/)
|
// .test(/\.vue$/)
|
||||||
|
|||||||
Reference in New Issue
Block a user