Commit 3e7e55d6 by damodmg

调整

parent c717c871
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet type=text/css href=./static/css/iconfont.css><link rel=stylesheet type=text/css href=./static/css/common.css><link rel="shortcut icon" type=image/x-icon href=./static/img/favicon.ico><title>微商城</title><link href=./static/css/app.dc461ec31e6a1b51f82f2b57f671e45b.css rel=stylesheet></head><body><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.5.2/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.18.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-linkage.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/member-info.1.0.0.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.01.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.02.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.2a66e15144de1c0f565b.js></script><script type=text/javascript src=./static/js/app.232ca27b5ca01620320c.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet type=text/css href=./static/css/iconfont.css><link rel=stylesheet type=text/css href=./static/css/common.css><link rel="shortcut icon" type=image/x-icon href=./static/img/favicon.ico><title>微商城</title><link href=./static/css/app.238f8e3329af8c9de08b21291d57dc4e.css rel=stylesheet></head><body><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.5.2/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.18.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-linkage.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/member-info.1.0.0.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.01.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.02.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.2a66e15144de1c0f565b.js></script><script type=text/javascript src=./static/js/app.1e07456c7bd2ceb02a1f.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -59,7 +59,7 @@
<h3>兑换设置</h3>
<span style="display:none">{{ refash }}</span>
<el-form-item label="适用会员" prop="memberGrade">
<el-select v-model="couponForm.memberGrade" multiple placeholder="请选择" size="small">
<el-select v-model="couponForm.memberGrade" multiple placeholder="请选择" size="small" class="w-350">
<el-option v-for="item in memberGradeList" :key="item.gradeId" :label="item.gradeName" :value="item.gradeId"> </el-option>
</el-select>
</el-form-item>
......@@ -68,8 +68,8 @@
</el-form-item>
<el-form-item label="限兑">
<el-checkbox v-model="couponForm.limitTimesStatus" @change="refashData()">每个会员限制兑换</el-checkbox>
<el-input-number controls-position="right" v-model="couponForm.limitTimes" :precision="0" :min="0" :max="limitStock"></el-input-number>
<span style="font-size:12px;color:rgb(144, 147, 153)">请注意兑换限制不得大于此优惠券的库存</span>
<span v-if="couponForm.limitTimesStatus"><el-input-number controls-position="right" v-model="couponForm.limitTimes" :precision="0" :min="0" :max="limitStock"></el-input-number></span>
<span style="font-size:12px;color:rgb(144, 147, 153);margin-left:5px;">请注意兑换限制不得大于此优惠券的库存</span>
</el-form-item>
<el-form-item label="兑换日期" required>
<template>
......
......@@ -39,7 +39,7 @@
<span class="el-icon-error" @click="deleteValue(item, n)"></span>
</div>
<el-button type="text" @click="addValue(item)">添加规格值</el-button>
<p v-if="!index" style="font-size: 12px; color: rgb(144, 147, 153);">图片宽度≥200px,建议宽高比1:1,单张图片大小不超过2MB</p>
<p v-if="!index && isStdImg" style="font-size: 12px; color: rgb(144, 147, 153);">图片宽度≥200px,建议宽高比1:1,单张图片大小不超过2MB</p>
</div>
</div>
</div>
......
......@@ -106,7 +106,7 @@
<div class="section-content">
<h3>兑换设置</h3>
<el-form-item label="适用会员" prop="memberGrade">
<el-select v-model="giftForm.memberGrade" multiple placeholder="请选择" size="small">
<el-select v-model="giftForm.memberGrade" multiple placeholder="请选择" size="small" class="w-600">
<el-option v-for="item in memberGradeList" :key="item.gradeId" :label="item.gradeName" :value="item.gradeId"> </el-option>
</el-select>
</el-form-item>
......@@ -115,7 +115,7 @@
</el-form-item>
<el-form-item label="限兑">
<el-checkbox v-model="giftForm.limitTimesStatus" @change="refashData()">每个会员限制兑换</el-checkbox>
<el-input-number controls-position="right" v-model="giftForm.limitTimes" :precision="0" :min="0"></el-input-number>
<span v-if="giftForm.limitTimesStatus"><el-input-number controls-position="right" v-model="giftForm.limitTimes" :precision="0" :min="0"></el-input-number></span>
</el-form-item>
<el-form-item label="兑换日期" required>
<template>
......@@ -181,7 +181,7 @@
<el-radio :label="1">微信兑换券</el-radio>
</el-radio-group>
</el-form-item>
<div class="section-content" v-show="giftForm.changeType === 1">
<div class="section-content1" v-show="giftForm.changeType === 1">
<h3>选择卡券</h3>
<el-form-item label="选择卡券" required v-show="cardList.length === 0">
<el-button plain @click="showCard">添加卡券</el-button>
......@@ -229,11 +229,11 @@
</el-form>
</div>
<div class="anchor-link">
<div class="link-item" :class="linkIndex === 1 ? 'link-item-active' : ''" @click="jump(1)">基础信息</div>
<div class="link-item" :class="linkIndex === 2 ? 'link-item-active' : ''" @click="jump(2)">销售信息</div>
<div class="link-item" :class="linkIndex === 3 ? 'link-item-active' : ''" @click="jump(3)">图文信息</div>
<div class="link-item" :class="linkIndex === 4 ? 'link-item-active' : ''" @click="jump(4)">兑换信息</div>
<div class="link-item" :class="linkIndex === 5 ? 'link-item-active' : ''" @click="jump(5)">售后服务</div>
<div class="link-item" :class="linkIndex === 0 ? 'link-item-active' : ''" @click="jump(0)">基础信息</div>
<div class="link-item" :class="linkIndex === 1 ? 'link-item-active' : ''" @click="jump(1)">销售信息</div>
<div class="link-item" :class="linkIndex === 2 ? 'link-item-active' : ''" @click="jump(2)">图文信息</div>
<div class="link-item" :class="linkIndex === 3 ? 'link-item-active' : ''" @click="jump(3)">兑换信息</div>
<div class="link-item" :class="linkIndex === 4 ? 'link-item-active' : ''" @click="jump(4)">售后服务</div>
</div>
</div>
<!-- 新建分类弹框 -->
......@@ -268,7 +268,7 @@ export default {
projectName: 'integral-mall',
giftType: '', //礼品类型
mallProId: '', //礼品id
linkIndex: 1,
linkIndex: 0,
giftForm: {
proReferId: '', //礼品关联id
proName: '',
......@@ -396,7 +396,7 @@ export default {
jump.forEach((item, index) => {
if (scroll >= item.offsetTop) {
//滚动到对应的锚记改变样式
this.linkIndex = index + 1;
this.linkIndex = index;
}
});
},
......@@ -405,12 +405,13 @@ export default {
this.linkIndex = index;
// 用 class="d_jump" 添加锚点
let jump = document.querySelectorAll('.section-content');
let total = jump[index - 1].offsetTop;
let total = jump[index].offsetTop;
let distance = document.documentElement.scrollTop || document.body.scrollTop;
// let distance = 200;
// 平滑滚动,时长500ms,每10ms一跳,共50跳
let step = total / 50;
if (total > distance) {
smoothDown();
} else {
......@@ -422,22 +423,22 @@ export default {
if (distance < total) {
distance += step;
document.body.scrollTop = distance;
document.documentElement.scrollTop = distance - 64 - 101;
document.documentElement.scrollTop = distance;
setTimeout(smoothDown, 10);
} else {
document.body.scrollTop = total;
document.documentElement.scrollTop = total - 64 - 101;
document.documentElement.scrollTop = total;
}
}
function smoothUp() {
if (distance > total) {
distance -= step;
document.body.scrollTop = distance;
document.documentElement.scrollTop = distance - 64 - 101;
document.documentElement.scrollTop = distance;
setTimeout(smoothUp, 10);
} else {
document.body.scrollTop = total;
document.documentElement.scrollTop = total - 64 - 101;
document.documentElement.scrollTop = total;
}
}
},
......@@ -1105,9 +1106,21 @@ export default {
padding-left: 32px;
font-size: 16px;
}
.section-content1 h3 {
height: 55px;
line-height: 55px;
border-bottom: 1px solid #e4e7ed;
font-weight: 500;
margin-bottom: 25px;
padding-left: 32px;
font-size: 16px;
}
.section-content .el-form-item {
margin-left: 32px;
}
.section-content1 .el-form-item {
margin-left: 32px;
}
.w-376 {
width: 376px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment