cms-chenhj-ui 1.0.56 → 1.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cms-chenhj-ui.common.js +515 -515
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +584 -584
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +1 -1
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.common.js
CHANGED
|
@@ -20800,159 +20800,558 @@ module.exports = function (argument) {
|
|
|
20800
20800
|
|
|
20801
20801
|
/***/ }),
|
|
20802
20802
|
|
|
20803
|
-
/***/
|
|
20804
|
-
/***/ (function(
|
|
20803
|
+
/***/ 3510:
|
|
20804
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20805
20805
|
|
|
20806
20806
|
"use strict";
|
|
20807
|
+
// ESM COMPAT FLAG
|
|
20808
|
+
__webpack_require__.r(__webpack_exports__);
|
|
20807
20809
|
|
|
20810
|
+
// EXPORTS
|
|
20811
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
20812
|
+
"default": function() { return /* binding */ View; }
|
|
20813
|
+
});
|
|
20808
20814
|
|
|
20809
|
-
|
|
20810
|
-
|
|
20811
|
-
|
|
20812
|
-
|
|
20813
|
-
|
|
20814
|
-
|
|
20815
|
-
|
|
20816
|
-
|
|
20817
|
-
|
|
20815
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
|
|
20816
|
+
var render = function render() {
|
|
20817
|
+
var _vm = this,
|
|
20818
|
+
_c = _vm._self._c;
|
|
20819
|
+
return _c('div', {
|
|
20820
|
+
staticClass: "test",
|
|
20821
|
+
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
|
|
20822
|
+
staticStyle: {
|
|
20823
|
+
"position": "relative",
|
|
20824
|
+
"cursor": "pointer"
|
|
20825
|
+
},
|
|
20826
|
+
style: _vm.style,
|
|
20827
|
+
on: {
|
|
20828
|
+
"click": function ($event) {
|
|
20829
|
+
$event.stopPropagation();
|
|
20830
|
+
return _vm.handleNowComp();
|
|
20831
|
+
}
|
|
20832
|
+
}
|
|
20833
|
+
}, [_c('div', {
|
|
20834
|
+
staticClass: "content-swiper tt_banner"
|
|
20835
|
+
}, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
|
|
20836
|
+
staticClass: "relative position"
|
|
20837
|
+
}, [_c('div', {
|
|
20838
|
+
staticClass: "my_banner"
|
|
20839
|
+
}, [_c('div', {
|
|
20840
|
+
staticClass: "swiper-container_contentswiper",
|
|
20841
|
+
attrs: {
|
|
20842
|
+
"id": `contentSwiper${_vm.data.id}`
|
|
20843
|
+
}
|
|
20844
|
+
}, [_c('div', {
|
|
20845
|
+
staticClass: "swiper-wrapper",
|
|
20846
|
+
staticStyle: {
|
|
20847
|
+
"width": "1074px",
|
|
20848
|
+
"height": "100%"
|
|
20849
|
+
}
|
|
20850
|
+
}, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
|
|
20851
|
+
return _c('div', {
|
|
20852
|
+
key: inx,
|
|
20853
|
+
staticClass: "swiper-slide"
|
|
20854
|
+
}, [item ? _c('div', {
|
|
20855
|
+
staticClass: "swiper-banner_box",
|
|
20856
|
+
on: {
|
|
20857
|
+
"click": function ($event) {
|
|
20858
|
+
return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
|
|
20859
|
+
}
|
|
20860
|
+
}
|
|
20861
|
+
}, [_c('img', {
|
|
20862
|
+
staticClass: "swiper-banner_image layout-pc",
|
|
20863
|
+
attrs: {
|
|
20864
|
+
"src": item.uploadImagePC,
|
|
20865
|
+
"alt": "PC"
|
|
20866
|
+
}
|
|
20867
|
+
}), _c('img', {
|
|
20868
|
+
staticClass: "swiper-banner_image layout-mobile",
|
|
20869
|
+
attrs: {
|
|
20870
|
+
"src": item.uploadImageH5,
|
|
20871
|
+
"alt": "H5"
|
|
20872
|
+
}
|
|
20873
|
+
}), _c('div', {
|
|
20874
|
+
staticClass: "extra-swiper_box layout-pc"
|
|
20875
|
+
}, [item.title ? _c('div', {
|
|
20876
|
+
staticClass: "swiper-contentbtn"
|
|
20877
|
+
}, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
|
|
20878
|
+
staticClass: "swiper-labels"
|
|
20879
|
+
}, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
|
|
20880
|
+
staticClass: "swiper-btn_container"
|
|
20881
|
+
}, [item.input1 != '' ? _c('a', {
|
|
20882
|
+
attrs: {
|
|
20883
|
+
"href": item.jumpUrl1,
|
|
20884
|
+
"target": "_self"
|
|
20885
|
+
}
|
|
20886
|
+
}, [_c('button', {
|
|
20887
|
+
staticClass: "swiper-opbtn have-arrow"
|
|
20888
|
+
}, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
|
|
20889
|
+
attrs: {
|
|
20890
|
+
"href": item.jumpUrl2,
|
|
20891
|
+
"target": "_self"
|
|
20892
|
+
}
|
|
20893
|
+
}, [_c('button', {
|
|
20894
|
+
staticClass: "swiper-opbtn_wt"
|
|
20895
|
+
}, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
|
|
20896
|
+
}), 0)])]), _c('div', {
|
|
20897
|
+
directives: [{
|
|
20898
|
+
name: "show",
|
|
20899
|
+
rawName: "v-show",
|
|
20900
|
+
value: _vm.cmsConfig.bannerList[_vm.swiperIdx].input1 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input3 || _vm.cmsConfig.bannerList[_vm.swiperIdx].inputNew,
|
|
20901
|
+
expression: "\n cmsConfig.bannerList[swiperIdx].input1 ||\n cmsConfig.bannerList[swiperIdx].input2 ||\n cmsConfig.bannerList[swiperIdx].input3 ||\n cmsConfig.bannerList[swiperIdx].inputNew\n "
|
|
20902
|
+
}],
|
|
20903
|
+
staticClass: "mb-swiper_box layout-mobile"
|
|
20904
|
+
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
|
|
20905
|
+
staticClass: "swiper-contentbtn"
|
|
20906
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
|
|
20907
|
+
staticClass: "swiper-label"
|
|
20908
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
|
|
20909
|
+
staticClass: "swiper-btn_container"
|
|
20910
|
+
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
|
|
20911
|
+
attrs: {
|
|
20912
|
+
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
|
|
20913
|
+
"target": "_self"
|
|
20914
|
+
}
|
|
20915
|
+
}, [_c('button', {
|
|
20916
|
+
staticClass: "swiper-opbtn have-arrow"
|
|
20917
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
|
|
20918
|
+
attrs: {
|
|
20919
|
+
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
|
|
20920
|
+
"target": "_self"
|
|
20921
|
+
}
|
|
20922
|
+
}, [_c('button', {
|
|
20923
|
+
staticClass: "swiper-opbtn_wt have-arrow"
|
|
20924
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
|
|
20925
|
+
staticClass: "cmhk-swiper-button-number"
|
|
20926
|
+
}, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
|
|
20927
|
+
return _c('div', {
|
|
20928
|
+
key: idx,
|
|
20929
|
+
staticClass: "line-customs_wrapper",
|
|
20930
|
+
on: {
|
|
20931
|
+
"click": function ($event) {
|
|
20932
|
+
$event.stopPropagation();
|
|
20933
|
+
return _vm.jumpToSlide(idx);
|
|
20934
|
+
}
|
|
20935
|
+
}
|
|
20936
|
+
}, [_c('div', {
|
|
20937
|
+
class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
|
|
20938
|
+
}, [item && item.input1 ? _c('div', {
|
|
20939
|
+
staticClass: "swiper-popupup layout-pc"
|
|
20940
|
+
}, [_c('p', {
|
|
20941
|
+
staticClass: "swiper-popuptext"
|
|
20942
|
+
}, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
|
|
20943
|
+
}), _c('div', {
|
|
20944
|
+
staticClass: "swiper-button-puase",
|
|
20945
|
+
on: {
|
|
20946
|
+
"click": function ($event) {
|
|
20947
|
+
$event.stopPropagation();
|
|
20948
|
+
return _vm.swiperPlay.apply(null, arguments);
|
|
20949
|
+
}
|
|
20950
|
+
}
|
|
20951
|
+
}, [!_vm.swiperPlayVal ? _c('img', {
|
|
20952
|
+
staticClass: "playstart-image",
|
|
20953
|
+
attrs: {
|
|
20954
|
+
"src": __webpack_require__(2254)
|
|
20955
|
+
}
|
|
20956
|
+
}) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
|
|
20957
|
+
staticClass: "playstop-image",
|
|
20958
|
+
attrs: {
|
|
20959
|
+
"src": __webpack_require__(2584)
|
|
20960
|
+
}
|
|
20961
|
+
}) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
|
|
20962
|
+
class: {
|
|
20963
|
+
opcacity: _vm.isOpcacity
|
|
20964
|
+
},
|
|
20965
|
+
on: {
|
|
20966
|
+
"click": _vm.handleNowComp
|
|
20967
|
+
}
|
|
20968
|
+
})]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
|
|
20969
|
+
staticClass: "com-delete"
|
|
20970
|
+
}, [_c('i', {
|
|
20971
|
+
staticClass: "el-icon-delete",
|
|
20972
|
+
on: {
|
|
20973
|
+
"click": function ($event) {
|
|
20974
|
+
$event.stopPropagation();
|
|
20975
|
+
return _vm.deleteComponent.apply(null, arguments);
|
|
20976
|
+
}
|
|
20977
|
+
}
|
|
20978
|
+
})]) : _vm._e()]);
|
|
20818
20979
|
};
|
|
20980
|
+
var staticRenderFns = [];
|
|
20819
20981
|
|
|
20820
|
-
|
|
20821
|
-
|
|
20822
|
-
/***/ 3579:
|
|
20823
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
20824
|
-
|
|
20825
|
-
"use strict";
|
|
20826
|
-
|
|
20827
|
-
var $ = __webpack_require__(6518);
|
|
20828
|
-
var iterate = __webpack_require__(2652);
|
|
20829
|
-
var aCallable = __webpack_require__(9306);
|
|
20830
|
-
var anObject = __webpack_require__(8551);
|
|
20831
|
-
var getIteratorDirect = __webpack_require__(1767);
|
|
20832
|
-
|
|
20833
|
-
// `Iterator.prototype.some` method
|
|
20834
|
-
// https://tc39.es/ecma262/#sec-iterator.prototype.some
|
|
20835
|
-
$({ target: 'Iterator', proto: true, real: true }, {
|
|
20836
|
-
some: function some(predicate) {
|
|
20837
|
-
anObject(this);
|
|
20838
|
-
aCallable(predicate);
|
|
20839
|
-
var record = getIteratorDirect(this);
|
|
20840
|
-
var counter = 0;
|
|
20841
|
-
return iterate(record, function (value, stop) {
|
|
20842
|
-
if (predicate(value, counter++)) return stop();
|
|
20843
|
-
}, { IS_RECORD: true, INTERRUPTED: true }).stopped;
|
|
20844
|
-
}
|
|
20845
|
-
});
|
|
20846
|
-
|
|
20982
|
+
;// ./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
|
|
20847
20983
|
|
|
20848
|
-
|
|
20984
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
20985
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
20986
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
20987
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
20988
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
|
|
20989
|
+
var swiper = __webpack_require__(2791);
|
|
20990
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
20991
|
+
var swiper_esm_bundle = __webpack_require__(4418);
|
|
20992
|
+
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
20993
|
+
var jumpUrl = __webpack_require__(813);
|
|
20994
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
20849
20995
|
|
|
20850
|
-
/***/ 3580:
|
|
20851
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20852
20996
|
|
|
20853
|
-
"use strict";
|
|
20854
|
-
__webpack_require__.r(__webpack_exports__);
|
|
20855
|
-
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
20856
|
-
ChinaMobile: '中國移動',
|
|
20857
|
-
CloseButton: '關閉按鈕',
|
|
20858
|
-
PauseButton: '暫停',
|
|
20859
|
-
PlayButton: '播放',
|
|
20860
|
-
AddButton: '加號',
|
|
20861
|
-
MinusButton: '減號',
|
|
20862
|
-
SubscribeNowButton: '立即登記按鈕',
|
|
20863
|
-
Icon: '圖示',
|
|
20864
|
-
DefaultText: '小按鈕'
|
|
20865
|
-
});
|
|
20866
20997
|
|
|
20867
|
-
/***/ }),
|
|
20868
20998
|
|
|
20869
|
-
/***/ 3650:
|
|
20870
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
20871
20999
|
|
|
20872
|
-
"use strict";
|
|
20873
21000
|
|
|
20874
|
-
var aSet = __webpack_require__(7080);
|
|
20875
|
-
var SetHelpers = __webpack_require__(4402);
|
|
20876
|
-
var clone = __webpack_require__(9286);
|
|
20877
|
-
var getSetRecord = __webpack_require__(3789);
|
|
20878
|
-
var iterateSimple = __webpack_require__(507);
|
|
20879
21001
|
|
|
20880
|
-
var add = SetHelpers.add;
|
|
20881
|
-
var has = SetHelpers.has;
|
|
20882
|
-
var remove = SetHelpers.remove;
|
|
20883
|
-
|
|
20884
|
-
// `Set.prototype.symmetricDifference` method
|
|
20885
|
-
// https://github.com/tc39/proposal-set-methods
|
|
20886
|
-
module.exports = function symmetricDifference(other) {
|
|
20887
|
-
var O = aSet(this);
|
|
20888
|
-
var keysIter = getSetRecord(other).getIterator();
|
|
20889
|
-
var result = clone(O);
|
|
20890
|
-
iterateSimple(keysIter, function (e) {
|
|
20891
|
-
if (has(O, e)) remove(result, e);
|
|
20892
|
-
else add(result, e);
|
|
20893
|
-
});
|
|
20894
|
-
return result;
|
|
20895
|
-
};
|
|
20896
|
-
|
|
20897
|
-
|
|
20898
|
-
/***/ }),
|
|
20899
|
-
|
|
20900
|
-
/***/ 3682:
|
|
20901
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
20902
|
-
|
|
20903
|
-
"use strict";
|
|
20904
21002
|
|
|
21003
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
21004
|
+
name: "cms-banner",
|
|
21005
|
+
props: {
|
|
21006
|
+
data: {
|
|
21007
|
+
type: Object,
|
|
21008
|
+
default: () => {
|
|
21009
|
+
return {};
|
|
21010
|
+
}
|
|
21011
|
+
},
|
|
21012
|
+
nowCompId: {
|
|
21013
|
+
type: [String, Number],
|
|
21014
|
+
default: ""
|
|
21015
|
+
},
|
|
21016
|
+
isOpcacity: {
|
|
21017
|
+
type: Boolean,
|
|
21018
|
+
default: true
|
|
21019
|
+
},
|
|
21020
|
+
lang: {
|
|
21021
|
+
type: String,
|
|
21022
|
+
default: "zh-HK"
|
|
21023
|
+
}
|
|
21024
|
+
},
|
|
21025
|
+
data() {
|
|
21026
|
+
return {
|
|
21027
|
+
style: {},
|
|
21028
|
+
// 样式
|
|
21029
|
+
isEditor: true,
|
|
21030
|
+
cmsConfig: {
|
|
21031
|
+
bannerList: []
|
|
21032
|
+
},
|
|
21033
|
+
CN: [],
|
|
21034
|
+
HK: [],
|
|
21035
|
+
EN: [],
|
|
21036
|
+
// 轮播
|
|
21037
|
+
swiperOne: null,
|
|
21038
|
+
swiperIdx: 0,
|
|
21039
|
+
swiperPlayVal: true
|
|
21040
|
+
};
|
|
21041
|
+
},
|
|
21042
|
+
created() {
|
|
21043
|
+
if (this.$route.path != "/editor") {
|
|
21044
|
+
this.isEditor = false;
|
|
21045
|
+
}
|
|
21046
|
+
},
|
|
21047
|
+
mounted() {
|
|
21048
|
+
if (this.$EventBus) {
|
|
21049
|
+
this.$EventBus.$on("forceUpdateCom", data => {
|
|
21050
|
+
if (data.id == this.data.id) {
|
|
21051
|
+
let obj = {};
|
|
21052
|
+
data.settings.attribute.forEach(item => {
|
|
21053
|
+
obj[item.key] = item.value;
|
|
21054
|
+
});
|
|
21055
|
+
this.style = obj;
|
|
21056
|
+
}
|
|
21057
|
+
});
|
|
21058
|
+
}
|
|
21059
|
+
if (this.cmsConfig.bannerList.length > 0) {
|
|
21060
|
+
this.initSwiper("bannerList");
|
|
21061
|
+
}
|
|
21062
|
+
},
|
|
21063
|
+
watch: {
|
|
21064
|
+
data: {
|
|
21065
|
+
handler(val) {
|
|
21066
|
+
let obj = {};
|
|
21067
|
+
val.settings.settings.forEach(item => {
|
|
21068
|
+
this.CN = item.value.bannerList.CN;
|
|
21069
|
+
this.HK = item.value.bannerList.HK;
|
|
21070
|
+
this.EN = item.value.bannerList.EN;
|
|
21071
|
+
});
|
|
21072
|
+
val.settings.attribute.forEach(item => {
|
|
21073
|
+
obj[item.key] = item.value;
|
|
21074
|
+
});
|
|
21075
|
+
this.style = obj;
|
|
21076
|
+
this.getValue(this.lang);
|
|
21077
|
+
},
|
|
21078
|
+
deep: true,
|
|
21079
|
+
immediate: true
|
|
21080
|
+
},
|
|
21081
|
+
lang: {
|
|
21082
|
+
handler(val) {
|
|
21083
|
+
this.getValue(val);
|
|
21084
|
+
},
|
|
21085
|
+
deep: true,
|
|
21086
|
+
immediate: true
|
|
21087
|
+
}
|
|
21088
|
+
},
|
|
21089
|
+
methods: {
|
|
21090
|
+
getValue(val) {
|
|
21091
|
+
const obj = {
|
|
21092
|
+
"zh-CN": "CN",
|
|
21093
|
+
"zh-HK": "HK",
|
|
21094
|
+
"en-US": "EN"
|
|
21095
|
+
};
|
|
21096
|
+
this.cmsConfig.bannerList = this[`${obj[val]}`];
|
|
21097
|
+
},
|
|
21098
|
+
handleNowComp() {
|
|
21099
|
+
if (!this.isOpcacity) return;
|
|
21100
|
+
this.$EventBus.$emit("handleNowComp", {
|
|
21101
|
+
key: this.data.id,
|
|
21102
|
+
settings: this.data.settings,
|
|
21103
|
+
nowCompName: this.data.compName
|
|
21104
|
+
});
|
|
21105
|
+
},
|
|
21106
|
+
deleteComponent() {
|
|
21107
|
+
this.$EventBus.$emit("handleDeleteComp", {
|
|
21108
|
+
key: this.data.id
|
|
21109
|
+
});
|
|
21110
|
+
},
|
|
21111
|
+
initSwiper(operationName) {
|
|
21112
|
+
const vm = this;
|
|
21113
|
+
if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
|
|
21114
|
+
// 当广告个数大于1的时候才开启循环
|
|
21115
|
+
const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
|
|
21116
|
+
this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
|
|
21117
|
+
initialSlide: 0,
|
|
21118
|
+
// 初始化时slide的索引
|
|
21119
|
+
autoplay: {
|
|
21120
|
+
// 自动开始
|
|
21121
|
+
delay: 5000,
|
|
21122
|
+
// 时间间隔
|
|
21123
|
+
disableOnInteraction: false // 手动操作轮播图后不会暂停
|
|
21124
|
+
},
|
|
21125
|
+
loop: ifLoop,
|
|
21126
|
+
// 循环模式选项
|
|
21127
|
+
spaceBetween: 30,
|
|
21128
|
+
// 在slide之间设置距离
|
|
21129
|
+
observer: true,
|
|
21130
|
+
observeParents: true,
|
|
21131
|
+
on: {
|
|
21132
|
+
slideChangeTransitionEnd: function () {
|
|
21133
|
+
// swiper从一个slide过渡到另一个slide结束时执行
|
|
21134
|
+
console.log("realIndex", this.realIndex);
|
|
21135
|
+
if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
|
|
21136
|
+
vm.swiperIdx = this.realIndex;
|
|
21137
|
+
},
|
|
21138
|
+
resize: function () {
|
|
21139
|
+
this.update(true);
|
|
21140
|
+
}
|
|
21141
|
+
}
|
|
21142
|
+
});
|
|
21143
|
+
}
|
|
21144
|
+
},
|
|
21145
|
+
// 轮播
|
|
21146
|
+
swiperPlay() {
|
|
21147
|
+
this.swiperPlayVal = !this.swiperPlayVal;
|
|
21148
|
+
this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
|
|
21149
|
+
},
|
|
21150
|
+
swiperClickStop() {
|
|
21151
|
+
this.swiperOne.autoplay.stop();
|
|
21152
|
+
},
|
|
21153
|
+
swiperClickStart() {
|
|
21154
|
+
this.swiperOne.autoplay.start();
|
|
21155
|
+
},
|
|
21156
|
+
jumpToSlide(idx) {
|
|
21157
|
+
// banner 轮播PC
|
|
21158
|
+
console.log("PC点击了", idx);
|
|
21159
|
+
// 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
|
|
21160
|
+
this.swiperOne.slideToLoop(idx, 1000, false);
|
|
21161
|
+
this.swiperIdx = idx;
|
|
21162
|
+
},
|
|
21163
|
+
//跳转
|
|
21164
|
+
decodeJumpUrl(path, route) {
|
|
21165
|
+
(0,jumpUrl/* decodeJumpUrl */.u)(path, route);
|
|
21166
|
+
}
|
|
21167
|
+
}
|
|
21168
|
+
});
|
|
21169
|
+
;// ./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
21170
|
+
/* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
21171
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
|
|
21172
|
+
// extracted by mini-css-extract-plugin
|
|
20905
21173
|
|
|
20906
|
-
|
|
20907
|
-
module.exports = Function.prototype.bind || implementation;
|
|
21174
|
+
;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
|
|
20908
21175
|
|
|
20909
|
-
|
|
21176
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
21177
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
21178
|
+
;// ./package/cms-banner/View.vue
|
|
20910
21179
|
|
|
20911
|
-
/***/ 3706:
|
|
20912
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
20913
21180
|
|
|
20914
|
-
"use strict";
|
|
20915
21181
|
|
|
20916
|
-
|
|
20917
|
-
var isCallable = __webpack_require__(4901);
|
|
20918
|
-
var store = __webpack_require__(7629);
|
|
21182
|
+
;
|
|
20919
21183
|
|
|
20920
|
-
var functionToString = uncurryThis(Function.toString);
|
|
20921
21184
|
|
|
20922
|
-
|
|
20923
|
-
if (!isCallable(store.inspectSource)) {
|
|
20924
|
-
store.inspectSource = function (it) {
|
|
20925
|
-
return functionToString(it);
|
|
20926
|
-
};
|
|
20927
|
-
}
|
|
21185
|
+
/* normalize component */
|
|
20928
21186
|
|
|
20929
|
-
|
|
21187
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
21188
|
+
cms_banner_Viewvue_type_script_lang_js,
|
|
21189
|
+
render,
|
|
21190
|
+
staticRenderFns,
|
|
21191
|
+
false,
|
|
21192
|
+
null,
|
|
21193
|
+
"504b8057",
|
|
21194
|
+
null
|
|
21195
|
+
|
|
21196
|
+
)
|
|
20930
21197
|
|
|
21198
|
+
/* harmony default export */ var View = (component.exports);
|
|
20931
21199
|
|
|
20932
21200
|
/***/ }),
|
|
20933
21201
|
|
|
20934
|
-
/***/
|
|
20935
|
-
/***/ (function(
|
|
21202
|
+
/***/ 3553:
|
|
21203
|
+
/***/ (function(module) {
|
|
20936
21204
|
|
|
20937
21205
|
"use strict";
|
|
20938
21206
|
|
|
20939
|
-
// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
|
|
20940
|
-
exports.f = Object.getOwnPropertySymbols;
|
|
20941
21207
|
|
|
21208
|
+
/**
|
|
21209
|
+
* Creates a new URL by combining the specified URLs
|
|
21210
|
+
*
|
|
21211
|
+
* @param {string} baseURL The base URL
|
|
21212
|
+
* @param {string} relativeURL The relative URL
|
|
21213
|
+
* @returns {string} The combined URL
|
|
21214
|
+
*/
|
|
21215
|
+
module.exports = function combineURLs(baseURL, relativeURL) {
|
|
21216
|
+
return relativeURL ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
|
|
21217
|
+
};
|
|
20942
21218
|
|
|
20943
21219
|
/***/ }),
|
|
20944
21220
|
|
|
20945
|
-
/***/
|
|
20946
|
-
/***/ (function(
|
|
21221
|
+
/***/ 3579:
|
|
21222
|
+
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
20947
21223
|
|
|
20948
21224
|
"use strict";
|
|
20949
21225
|
|
|
20950
|
-
var
|
|
21226
|
+
var $ = __webpack_require__(6518);
|
|
21227
|
+
var iterate = __webpack_require__(2652);
|
|
21228
|
+
var aCallable = __webpack_require__(9306);
|
|
21229
|
+
var anObject = __webpack_require__(8551);
|
|
21230
|
+
var getIteratorDirect = __webpack_require__(1767);
|
|
20951
21231
|
|
|
20952
|
-
//
|
|
20953
|
-
|
|
20954
|
-
|
|
20955
|
-
|
|
21232
|
+
// `Iterator.prototype.some` method
|
|
21233
|
+
// https://tc39.es/ecma262/#sec-iterator.prototype.some
|
|
21234
|
+
$({ target: 'Iterator', proto: true, real: true }, {
|
|
21235
|
+
some: function some(predicate) {
|
|
21236
|
+
anObject(this);
|
|
21237
|
+
aCallable(predicate);
|
|
21238
|
+
var record = getIteratorDirect(this);
|
|
21239
|
+
var counter = 0;
|
|
21240
|
+
return iterate(record, function (value, stop) {
|
|
21241
|
+
if (predicate(value, counter++)) return stop();
|
|
21242
|
+
}, { IS_RECORD: true, INTERRUPTED: true }).stopped;
|
|
21243
|
+
}
|
|
21244
|
+
});
|
|
21245
|
+
|
|
21246
|
+
|
|
21247
|
+
/***/ }),
|
|
21248
|
+
|
|
21249
|
+
/***/ 3580:
|
|
21250
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
21251
|
+
|
|
21252
|
+
"use strict";
|
|
21253
|
+
__webpack_require__.r(__webpack_exports__);
|
|
21254
|
+
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
21255
|
+
ChinaMobile: '中國移動',
|
|
21256
|
+
CloseButton: '關閉按鈕',
|
|
21257
|
+
PauseButton: '暫停',
|
|
21258
|
+
PlayButton: '播放',
|
|
21259
|
+
AddButton: '加號',
|
|
21260
|
+
MinusButton: '減號',
|
|
21261
|
+
SubscribeNowButton: '立即登記按鈕',
|
|
21262
|
+
Icon: '圖示',
|
|
21263
|
+
DefaultText: '小按鈕'
|
|
21264
|
+
});
|
|
21265
|
+
|
|
21266
|
+
/***/ }),
|
|
21267
|
+
|
|
21268
|
+
/***/ 3650:
|
|
21269
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
21270
|
+
|
|
21271
|
+
"use strict";
|
|
21272
|
+
|
|
21273
|
+
var aSet = __webpack_require__(7080);
|
|
21274
|
+
var SetHelpers = __webpack_require__(4402);
|
|
21275
|
+
var clone = __webpack_require__(9286);
|
|
21276
|
+
var getSetRecord = __webpack_require__(3789);
|
|
21277
|
+
var iterateSimple = __webpack_require__(507);
|
|
21278
|
+
|
|
21279
|
+
var add = SetHelpers.add;
|
|
21280
|
+
var has = SetHelpers.has;
|
|
21281
|
+
var remove = SetHelpers.remove;
|
|
21282
|
+
|
|
21283
|
+
// `Set.prototype.symmetricDifference` method
|
|
21284
|
+
// https://github.com/tc39/proposal-set-methods
|
|
21285
|
+
module.exports = function symmetricDifference(other) {
|
|
21286
|
+
var O = aSet(this);
|
|
21287
|
+
var keysIter = getSetRecord(other).getIterator();
|
|
21288
|
+
var result = clone(O);
|
|
21289
|
+
iterateSimple(keysIter, function (e) {
|
|
21290
|
+
if (has(O, e)) remove(result, e);
|
|
21291
|
+
else add(result, e);
|
|
21292
|
+
});
|
|
21293
|
+
return result;
|
|
21294
|
+
};
|
|
21295
|
+
|
|
21296
|
+
|
|
21297
|
+
/***/ }),
|
|
21298
|
+
|
|
21299
|
+
/***/ 3682:
|
|
21300
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
21301
|
+
|
|
21302
|
+
"use strict";
|
|
21303
|
+
|
|
21304
|
+
|
|
21305
|
+
var implementation = __webpack_require__(2602);
|
|
21306
|
+
module.exports = Function.prototype.bind || implementation;
|
|
21307
|
+
|
|
21308
|
+
/***/ }),
|
|
21309
|
+
|
|
21310
|
+
/***/ 3706:
|
|
21311
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
21312
|
+
|
|
21313
|
+
"use strict";
|
|
21314
|
+
|
|
21315
|
+
var uncurryThis = __webpack_require__(9504);
|
|
21316
|
+
var isCallable = __webpack_require__(4901);
|
|
21317
|
+
var store = __webpack_require__(7629);
|
|
21318
|
+
|
|
21319
|
+
var functionToString = uncurryThis(Function.toString);
|
|
21320
|
+
|
|
21321
|
+
// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
|
|
21322
|
+
if (!isCallable(store.inspectSource)) {
|
|
21323
|
+
store.inspectSource = function (it) {
|
|
21324
|
+
return functionToString(it);
|
|
21325
|
+
};
|
|
21326
|
+
}
|
|
21327
|
+
|
|
21328
|
+
module.exports = store.inspectSource;
|
|
21329
|
+
|
|
21330
|
+
|
|
21331
|
+
/***/ }),
|
|
21332
|
+
|
|
21333
|
+
/***/ 3717:
|
|
21334
|
+
/***/ (function(__unused_webpack_module, exports) {
|
|
21335
|
+
|
|
21336
|
+
"use strict";
|
|
21337
|
+
|
|
21338
|
+
// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
|
|
21339
|
+
exports.f = Object.getOwnPropertySymbols;
|
|
21340
|
+
|
|
21341
|
+
|
|
21342
|
+
/***/ }),
|
|
21343
|
+
|
|
21344
|
+
/***/ 3724:
|
|
21345
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
21346
|
+
|
|
21347
|
+
"use strict";
|
|
21348
|
+
|
|
21349
|
+
var fails = __webpack_require__(9039);
|
|
21350
|
+
|
|
21351
|
+
// Detect IE8's incomplete defineProperty implementation
|
|
21352
|
+
module.exports = !fails(function () {
|
|
21353
|
+
// eslint-disable-next-line es/no-object-defineproperty -- required for testing
|
|
21354
|
+
return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
|
|
20956
21355
|
});
|
|
20957
21356
|
|
|
20958
21357
|
|
|
@@ -35437,7 +35836,7 @@ var map = {
|
|
|
35437
35836
|
"./cms-aLineThreeLeftTwo/View.vue": 152,
|
|
35438
35837
|
"./cms-activityCountdown/View.vue": 54,
|
|
35439
35838
|
"./cms-activityTime/View.vue": 9204,
|
|
35440
|
-
"./cms-banner/View.vue":
|
|
35839
|
+
"./cms-banner/View.vue": 3510,
|
|
35441
35840
|
"./cms-breadCrumb/View.vue": 5202,
|
|
35442
35841
|
"./cms-button/View.vue": 1011,
|
|
35443
35842
|
"./cms-cells/View.vue": 9730,
|
|
@@ -46437,405 +46836,6 @@ var isDefined = exports.isDefined = function isDefined(val) {
|
|
|
46437
46836
|
|
|
46438
46837
|
/***/ }),
|
|
46439
46838
|
|
|
46440
|
-
/***/ 7026:
|
|
46441
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
46442
|
-
|
|
46443
|
-
"use strict";
|
|
46444
|
-
// ESM COMPAT FLAG
|
|
46445
|
-
__webpack_require__.r(__webpack_exports__);
|
|
46446
|
-
|
|
46447
|
-
// EXPORTS
|
|
46448
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
46449
|
-
"default": function() { return /* binding */ View; }
|
|
46450
|
-
});
|
|
46451
|
-
|
|
46452
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=33b2c1db&scoped=true
|
|
46453
|
-
var render = function render() {
|
|
46454
|
-
var _vm = this,
|
|
46455
|
-
_c = _vm._self._c;
|
|
46456
|
-
return _c('div', {
|
|
46457
|
-
staticClass: "test",
|
|
46458
|
-
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
|
|
46459
|
-
staticStyle: {
|
|
46460
|
-
"position": "relative",
|
|
46461
|
-
"cursor": "pointer"
|
|
46462
|
-
},
|
|
46463
|
-
style: _vm.style,
|
|
46464
|
-
on: {
|
|
46465
|
-
"click": function ($event) {
|
|
46466
|
-
$event.stopPropagation();
|
|
46467
|
-
return _vm.handleNowComp();
|
|
46468
|
-
}
|
|
46469
|
-
}
|
|
46470
|
-
}, [_c('div', {
|
|
46471
|
-
staticClass: "content-swiper tt_banner"
|
|
46472
|
-
}, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
|
|
46473
|
-
staticClass: "relative position"
|
|
46474
|
-
}, [_c('div', {
|
|
46475
|
-
staticClass: "my_banner"
|
|
46476
|
-
}, [_c('div', {
|
|
46477
|
-
staticClass: "swiper-container_contentswiper",
|
|
46478
|
-
attrs: {
|
|
46479
|
-
"id": `contentSwiper${_vm.data.id}`
|
|
46480
|
-
}
|
|
46481
|
-
}, [_c('div', {
|
|
46482
|
-
staticClass: "swiper-wrapper",
|
|
46483
|
-
staticStyle: {
|
|
46484
|
-
"width": "1074px",
|
|
46485
|
-
"height": "100%"
|
|
46486
|
-
}
|
|
46487
|
-
}, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
|
|
46488
|
-
return _c('div', {
|
|
46489
|
-
key: inx,
|
|
46490
|
-
staticClass: "swiper-slide"
|
|
46491
|
-
}, [item ? _c('div', {
|
|
46492
|
-
staticClass: "swiper-banner_box",
|
|
46493
|
-
on: {
|
|
46494
|
-
"click": function ($event) {
|
|
46495
|
-
return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
|
|
46496
|
-
}
|
|
46497
|
-
}
|
|
46498
|
-
}, [_c('img', {
|
|
46499
|
-
staticClass: "swiper-banner_image layout-pc",
|
|
46500
|
-
attrs: {
|
|
46501
|
-
"src": item.uploadImagePC,
|
|
46502
|
-
"alt": "PC"
|
|
46503
|
-
}
|
|
46504
|
-
}), _c('img', {
|
|
46505
|
-
staticClass: "swiper-banner_image layout-mobile",
|
|
46506
|
-
attrs: {
|
|
46507
|
-
"src": item.uploadImageH5,
|
|
46508
|
-
"alt": "H5"
|
|
46509
|
-
}
|
|
46510
|
-
}), _c('div', {
|
|
46511
|
-
staticClass: "extra-swiper_box layout-pc"
|
|
46512
|
-
}, [item.title ? _c('div', {
|
|
46513
|
-
staticClass: "swiper-contentbtn"
|
|
46514
|
-
}, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
|
|
46515
|
-
staticClass: "swiper-labels"
|
|
46516
|
-
}, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
|
|
46517
|
-
staticClass: "swiper-btn_container"
|
|
46518
|
-
}, [item.input1 != '' ? _c('a', {
|
|
46519
|
-
attrs: {
|
|
46520
|
-
"href": item.jumpUrl1,
|
|
46521
|
-
"target": "_self"
|
|
46522
|
-
}
|
|
46523
|
-
}, [_c('button', {
|
|
46524
|
-
staticClass: "swiper-opbtn have-arrow"
|
|
46525
|
-
}, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
|
|
46526
|
-
attrs: {
|
|
46527
|
-
"href": item.jumpUrl2,
|
|
46528
|
-
"target": "_self"
|
|
46529
|
-
}
|
|
46530
|
-
}, [_c('button', {
|
|
46531
|
-
staticClass: "swiper-opbtn_wt"
|
|
46532
|
-
}, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
|
|
46533
|
-
}), 0)])]), _c('div', {
|
|
46534
|
-
directives: [{
|
|
46535
|
-
name: "show",
|
|
46536
|
-
rawName: "v-show",
|
|
46537
|
-
value: _vm.cmsConfig.bannerList[_vm.swiperIdx].input1 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input3 || _vm.cmsConfig.bannerList[_vm.swiperIdx].inputNew,
|
|
46538
|
-
expression: "\n cmsConfig.bannerList[swiperIdx].input1 ||\n cmsConfig.bannerList[swiperIdx].input2 ||\n cmsConfig.bannerList[swiperIdx].input3 ||\n cmsConfig.bannerList[swiperIdx].inputNew\n "
|
|
46539
|
-
}],
|
|
46540
|
-
staticClass: "mb-swiper_box layout-mobile"
|
|
46541
|
-
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
|
|
46542
|
-
staticClass: "swiper-contentbtn"
|
|
46543
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
|
|
46544
|
-
staticClass: "swiper-label"
|
|
46545
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
|
|
46546
|
-
staticClass: "swiper-btn_container"
|
|
46547
|
-
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
|
|
46548
|
-
attrs: {
|
|
46549
|
-
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
|
|
46550
|
-
"target": "_self"
|
|
46551
|
-
}
|
|
46552
|
-
}, [_c('button', {
|
|
46553
|
-
staticClass: "swiper-opbtn have-arrow"
|
|
46554
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
|
|
46555
|
-
attrs: {
|
|
46556
|
-
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
|
|
46557
|
-
"target": "_self"
|
|
46558
|
-
}
|
|
46559
|
-
}, [_c('button', {
|
|
46560
|
-
staticClass: "swiper-opbtn_wt have-arrow"
|
|
46561
|
-
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
|
|
46562
|
-
staticClass: "cmhk-swiper-button-number"
|
|
46563
|
-
}, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
|
|
46564
|
-
return _c('div', {
|
|
46565
|
-
key: idx,
|
|
46566
|
-
staticClass: "line-customs_wrapper",
|
|
46567
|
-
on: {
|
|
46568
|
-
"click": function ($event) {
|
|
46569
|
-
$event.stopPropagation();
|
|
46570
|
-
return _vm.jumpToSlide(idx);
|
|
46571
|
-
}
|
|
46572
|
-
}
|
|
46573
|
-
}, [_c('div', {
|
|
46574
|
-
class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
|
|
46575
|
-
}, [item && item.input1 ? _c('div', {
|
|
46576
|
-
staticClass: "swiper-popupup layout-pc"
|
|
46577
|
-
}, [_c('p', {
|
|
46578
|
-
staticClass: "swiper-popuptext"
|
|
46579
|
-
}, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
|
|
46580
|
-
}), _c('div', {
|
|
46581
|
-
staticClass: "swiper-button-puase",
|
|
46582
|
-
on: {
|
|
46583
|
-
"click": function ($event) {
|
|
46584
|
-
$event.stopPropagation();
|
|
46585
|
-
return _vm.swiperPlay.apply(null, arguments);
|
|
46586
|
-
}
|
|
46587
|
-
}
|
|
46588
|
-
}, [!_vm.swiperPlayVal ? _c('img', {
|
|
46589
|
-
staticClass: "playstart-image",
|
|
46590
|
-
attrs: {
|
|
46591
|
-
"src": __webpack_require__(2254)
|
|
46592
|
-
}
|
|
46593
|
-
}) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
|
|
46594
|
-
staticClass: "playstop-image",
|
|
46595
|
-
attrs: {
|
|
46596
|
-
"src": __webpack_require__(2584)
|
|
46597
|
-
}
|
|
46598
|
-
}) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
|
|
46599
|
-
class: {
|
|
46600
|
-
opcacity: _vm.isOpcacity
|
|
46601
|
-
},
|
|
46602
|
-
on: {
|
|
46603
|
-
"click": _vm.handleNowComp
|
|
46604
|
-
}
|
|
46605
|
-
})]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
|
|
46606
|
-
staticClass: "com-delete"
|
|
46607
|
-
}, [_c('i', {
|
|
46608
|
-
staticClass: "el-icon-delete",
|
|
46609
|
-
on: {
|
|
46610
|
-
"click": function ($event) {
|
|
46611
|
-
$event.stopPropagation();
|
|
46612
|
-
return _vm.deleteComponent.apply(null, arguments);
|
|
46613
|
-
}
|
|
46614
|
-
}
|
|
46615
|
-
})]) : _vm._e()]);
|
|
46616
|
-
};
|
|
46617
|
-
var staticRenderFns = [];
|
|
46618
|
-
|
|
46619
|
-
;// ./package/cms-banner/View.vue?vue&type=template&id=33b2c1db&scoped=true
|
|
46620
|
-
|
|
46621
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
46622
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
46623
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
46624
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
46625
|
-
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
|
|
46626
|
-
var swiper = __webpack_require__(2791);
|
|
46627
|
-
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
46628
|
-
var swiper_esm_bundle = __webpack_require__(4418);
|
|
46629
|
-
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
46630
|
-
var jumpUrl = __webpack_require__(813);
|
|
46631
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
46632
|
-
|
|
46633
|
-
|
|
46634
|
-
|
|
46635
|
-
|
|
46636
|
-
|
|
46637
|
-
|
|
46638
|
-
|
|
46639
|
-
|
|
46640
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
46641
|
-
name: "cms-banner",
|
|
46642
|
-
props: {
|
|
46643
|
-
data: {
|
|
46644
|
-
type: Object,
|
|
46645
|
-
default: () => {
|
|
46646
|
-
return {};
|
|
46647
|
-
}
|
|
46648
|
-
},
|
|
46649
|
-
nowCompId: {
|
|
46650
|
-
type: [String, Number],
|
|
46651
|
-
default: ""
|
|
46652
|
-
},
|
|
46653
|
-
isOpcacity: {
|
|
46654
|
-
type: Boolean,
|
|
46655
|
-
default: true
|
|
46656
|
-
},
|
|
46657
|
-
lang: {
|
|
46658
|
-
type: String,
|
|
46659
|
-
default: "zh-HK"
|
|
46660
|
-
}
|
|
46661
|
-
},
|
|
46662
|
-
data() {
|
|
46663
|
-
return {
|
|
46664
|
-
style: {},
|
|
46665
|
-
// 样式
|
|
46666
|
-
isEditor: true,
|
|
46667
|
-
cmsConfig: {
|
|
46668
|
-
bannerList: []
|
|
46669
|
-
},
|
|
46670
|
-
CN: [],
|
|
46671
|
-
HK: [],
|
|
46672
|
-
EN: [],
|
|
46673
|
-
// 轮播
|
|
46674
|
-
swiperOne: null,
|
|
46675
|
-
swiperIdx: 0,
|
|
46676
|
-
swiperPlayVal: true
|
|
46677
|
-
};
|
|
46678
|
-
},
|
|
46679
|
-
created() {
|
|
46680
|
-
if (this.$route.path != "/editor") {
|
|
46681
|
-
this.isEditor = false;
|
|
46682
|
-
}
|
|
46683
|
-
},
|
|
46684
|
-
mounted() {
|
|
46685
|
-
if (this.$EventBus) {
|
|
46686
|
-
this.$EventBus.$on("forceUpdateCom", data => {
|
|
46687
|
-
if (data.id == this.data.id) {
|
|
46688
|
-
let obj = {};
|
|
46689
|
-
data.settings.attribute.forEach(item => {
|
|
46690
|
-
obj[item.key] = item.value;
|
|
46691
|
-
});
|
|
46692
|
-
this.style = obj;
|
|
46693
|
-
}
|
|
46694
|
-
});
|
|
46695
|
-
}
|
|
46696
|
-
if (this.cmsConfig.bannerList.length > 0) {
|
|
46697
|
-
this.initSwiper("bannerList");
|
|
46698
|
-
}
|
|
46699
|
-
},
|
|
46700
|
-
watch: {
|
|
46701
|
-
data: {
|
|
46702
|
-
handler(val) {
|
|
46703
|
-
let obj = {};
|
|
46704
|
-
val.settings.settings.forEach(item => {
|
|
46705
|
-
this.CN = item.value.bannerList.CN;
|
|
46706
|
-
this.HK = item.value.bannerList.HK;
|
|
46707
|
-
this.EN = item.value.bannerList.EN;
|
|
46708
|
-
});
|
|
46709
|
-
val.settings.attribute.forEach(item => {
|
|
46710
|
-
obj[item.key] = item.value;
|
|
46711
|
-
});
|
|
46712
|
-
this.style = obj;
|
|
46713
|
-
this.getValue(this.lang);
|
|
46714
|
-
},
|
|
46715
|
-
deep: true,
|
|
46716
|
-
immediate: true
|
|
46717
|
-
},
|
|
46718
|
-
lang: {
|
|
46719
|
-
handler(val) {
|
|
46720
|
-
this.getValue(val);
|
|
46721
|
-
},
|
|
46722
|
-
deep: true,
|
|
46723
|
-
immediate: true
|
|
46724
|
-
}
|
|
46725
|
-
},
|
|
46726
|
-
methods: {
|
|
46727
|
-
getValue(val) {
|
|
46728
|
-
const obj = {
|
|
46729
|
-
"zh-CN": "CN",
|
|
46730
|
-
"zh-HK": "HK",
|
|
46731
|
-
"en-US": "EN"
|
|
46732
|
-
};
|
|
46733
|
-
this.cmsConfig.bannerList = this[`${obj[val]}`];
|
|
46734
|
-
},
|
|
46735
|
-
handleNowComp() {
|
|
46736
|
-
if (!this.isOpcacity) return;
|
|
46737
|
-
this.$EventBus.$emit("handleNowComp", {
|
|
46738
|
-
key: this.data.id,
|
|
46739
|
-
settings: this.data.settings,
|
|
46740
|
-
nowCompName: this.data.compName
|
|
46741
|
-
});
|
|
46742
|
-
},
|
|
46743
|
-
deleteComponent() {
|
|
46744
|
-
this.$EventBus.$emit("handleDeleteComp", {
|
|
46745
|
-
key: this.data.id
|
|
46746
|
-
});
|
|
46747
|
-
},
|
|
46748
|
-
initSwiper(operationName) {
|
|
46749
|
-
const vm = this;
|
|
46750
|
-
if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
|
|
46751
|
-
// 当广告个数大于1的时候才开启循环
|
|
46752
|
-
const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
|
|
46753
|
-
this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
|
|
46754
|
-
initialSlide: 0,
|
|
46755
|
-
// 初始化时slide的索引
|
|
46756
|
-
autoplay: {
|
|
46757
|
-
// 自动开始
|
|
46758
|
-
delay: 5000,
|
|
46759
|
-
// 时间间隔
|
|
46760
|
-
disableOnInteraction: false // 手动操作轮播图后不会暂停
|
|
46761
|
-
},
|
|
46762
|
-
loop: ifLoop,
|
|
46763
|
-
// 循环模式选项
|
|
46764
|
-
spaceBetween: 30,
|
|
46765
|
-
// 在slide之间设置距离
|
|
46766
|
-
observer: true,
|
|
46767
|
-
observeParents: true,
|
|
46768
|
-
on: {
|
|
46769
|
-
slideChangeTransitionEnd: function () {
|
|
46770
|
-
// swiper从一个slide过渡到另一个slide结束时执行
|
|
46771
|
-
console.log("realIndex", this.realIndex);
|
|
46772
|
-
if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
|
|
46773
|
-
vm.swiperIdx = this.realIndex;
|
|
46774
|
-
},
|
|
46775
|
-
resize: function () {
|
|
46776
|
-
this.update(true);
|
|
46777
|
-
}
|
|
46778
|
-
}
|
|
46779
|
-
});
|
|
46780
|
-
}
|
|
46781
|
-
},
|
|
46782
|
-
// 轮播
|
|
46783
|
-
swiperPlay() {
|
|
46784
|
-
this.swiperPlayVal = !this.swiperPlayVal;
|
|
46785
|
-
this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
|
|
46786
|
-
},
|
|
46787
|
-
swiperClickStop() {
|
|
46788
|
-
this.swiperOne.autoplay.stop();
|
|
46789
|
-
},
|
|
46790
|
-
swiperClickStart() {
|
|
46791
|
-
this.swiperOne.autoplay.start();
|
|
46792
|
-
},
|
|
46793
|
-
jumpToSlide(idx) {
|
|
46794
|
-
// banner 轮播PC
|
|
46795
|
-
console.log("PC点击了", idx);
|
|
46796
|
-
// 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
|
|
46797
|
-
this.swiperOne.slideToLoop(idx, 1000, false);
|
|
46798
|
-
this.swiperIdx = idx;
|
|
46799
|
-
},
|
|
46800
|
-
//跳转
|
|
46801
|
-
decodeJumpUrl(path, route) {
|
|
46802
|
-
(0,jumpUrl/* decodeJumpUrl */.u)(path, route);
|
|
46803
|
-
}
|
|
46804
|
-
}
|
|
46805
|
-
});
|
|
46806
|
-
;// ./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
46807
|
-
/* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
46808
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=33b2c1db&prod&scoped=true&lang=scss
|
|
46809
|
-
// extracted by mini-css-extract-plugin
|
|
46810
|
-
|
|
46811
|
-
;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=33b2c1db&prod&scoped=true&lang=scss
|
|
46812
|
-
|
|
46813
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
46814
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
46815
|
-
;// ./package/cms-banner/View.vue
|
|
46816
|
-
|
|
46817
|
-
|
|
46818
|
-
|
|
46819
|
-
;
|
|
46820
|
-
|
|
46821
|
-
|
|
46822
|
-
/* normalize component */
|
|
46823
|
-
|
|
46824
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
46825
|
-
cms_banner_Viewvue_type_script_lang_js,
|
|
46826
|
-
render,
|
|
46827
|
-
staticRenderFns,
|
|
46828
|
-
false,
|
|
46829
|
-
null,
|
|
46830
|
-
"33b2c1db",
|
|
46831
|
-
null
|
|
46832
|
-
|
|
46833
|
-
)
|
|
46834
|
-
|
|
46835
|
-
/* harmony default export */ var View = (component.exports);
|
|
46836
|
-
|
|
46837
|
-
/***/ }),
|
|
46838
|
-
|
|
46839
46839
|
/***/ 7040:
|
|
46840
46840
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
46841
46841
|
|