cms-chenhj-ui 1.0.57 → 1.0.58
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 +567 -572
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +1201 -1206
- 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
|
@@ -20798,405 +20798,6 @@ module.exports = function (argument) {
|
|
|
20798
20798
|
};
|
|
20799
20799
|
|
|
20800
20800
|
|
|
20801
|
-
/***/ }),
|
|
20802
|
-
|
|
20803
|
-
/***/ 3510:
|
|
20804
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20805
|
-
|
|
20806
|
-
"use strict";
|
|
20807
|
-
// ESM COMPAT FLAG
|
|
20808
|
-
__webpack_require__.r(__webpack_exports__);
|
|
20809
|
-
|
|
20810
|
-
// EXPORTS
|
|
20811
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
20812
|
-
"default": function() { return /* binding */ View; }
|
|
20813
|
-
});
|
|
20814
|
-
|
|
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()]);
|
|
20979
|
-
};
|
|
20980
|
-
var staticRenderFns = [];
|
|
20981
|
-
|
|
20982
|
-
;// ./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
|
|
20983
|
-
|
|
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
|
|
20995
|
-
|
|
20996
|
-
|
|
20997
|
-
|
|
20998
|
-
|
|
20999
|
-
|
|
21000
|
-
|
|
21001
|
-
|
|
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
|
|
21173
|
-
|
|
21174
|
-
;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
|
|
21175
|
-
|
|
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
|
|
21179
|
-
|
|
21180
|
-
|
|
21181
|
-
|
|
21182
|
-
;
|
|
21183
|
-
|
|
21184
|
-
|
|
21185
|
-
/* normalize component */
|
|
21186
|
-
|
|
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
|
-
)
|
|
21197
|
-
|
|
21198
|
-
/* harmony default export */ var View = (component.exports);
|
|
21199
|
-
|
|
21200
20801
|
/***/ }),
|
|
21201
20802
|
|
|
21202
20803
|
/***/ 3553:
|
|
@@ -35836,7 +35437,7 @@ var map = {
|
|
|
35836
35437
|
"./cms-aLineThreeLeftTwo/View.vue": 152,
|
|
35837
35438
|
"./cms-activityCountdown/View.vue": 54,
|
|
35838
35439
|
"./cms-activityTime/View.vue": 9204,
|
|
35839
|
-
"./cms-banner/View.vue":
|
|
35440
|
+
"./cms-banner/View.vue": 9099,
|
|
35840
35441
|
"./cms-breadCrumb/View.vue": 5202,
|
|
35841
35442
|
"./cms-button/View.vue": 1011,
|
|
35842
35443
|
"./cms-cells/View.vue": 9730,
|
|
@@ -50243,79 +49844,379 @@ validators.transitional = function transitional(validator, version, message) {
|
|
|
50243
49844
|
}
|
|
50244
49845
|
return validator ? validator(value, opt, opts) : true;
|
|
50245
49846
|
};
|
|
50246
|
-
};
|
|
49847
|
+
};
|
|
49848
|
+
|
|
49849
|
+
/**
|
|
49850
|
+
* Assert object's properties type
|
|
49851
|
+
* @param {object} options
|
|
49852
|
+
* @param {object} schema
|
|
49853
|
+
* @param {boolean?} allowUnknown
|
|
49854
|
+
*/
|
|
49855
|
+
|
|
49856
|
+
function assertOptions(options, schema, allowUnknown) {
|
|
49857
|
+
if (typeof options !== 'object') {
|
|
49858
|
+
throw new TypeError('options must be an object');
|
|
49859
|
+
}
|
|
49860
|
+
var keys = Object.keys(options);
|
|
49861
|
+
var i = keys.length;
|
|
49862
|
+
while (i-- > 0) {
|
|
49863
|
+
var opt = keys[i];
|
|
49864
|
+
var validator = schema[opt];
|
|
49865
|
+
if (validator) {
|
|
49866
|
+
var value = options[opt];
|
|
49867
|
+
var result = value === undefined || validator(value, opt, options);
|
|
49868
|
+
if (result !== true) {
|
|
49869
|
+
throw new TypeError('option ' + opt + ' must be ' + result);
|
|
49870
|
+
}
|
|
49871
|
+
continue;
|
|
49872
|
+
}
|
|
49873
|
+
if (allowUnknown !== true) {
|
|
49874
|
+
throw Error('Unknown option ' + opt);
|
|
49875
|
+
}
|
|
49876
|
+
}
|
|
49877
|
+
}
|
|
49878
|
+
module.exports = {
|
|
49879
|
+
assertOptions: assertOptions,
|
|
49880
|
+
validators: validators
|
|
49881
|
+
};
|
|
49882
|
+
|
|
49883
|
+
/***/ }),
|
|
49884
|
+
|
|
49885
|
+
/***/ 8981:
|
|
49886
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
49887
|
+
|
|
49888
|
+
"use strict";
|
|
49889
|
+
|
|
49890
|
+
var requireObjectCoercible = __webpack_require__(7750);
|
|
49891
|
+
|
|
49892
|
+
var $Object = Object;
|
|
49893
|
+
|
|
49894
|
+
// `ToObject` abstract operation
|
|
49895
|
+
// https://tc39.es/ecma262/#sec-toobject
|
|
49896
|
+
module.exports = function (argument) {
|
|
49897
|
+
return $Object(requireObjectCoercible(argument));
|
|
49898
|
+
};
|
|
49899
|
+
|
|
49900
|
+
|
|
49901
|
+
/***/ }),
|
|
49902
|
+
|
|
49903
|
+
/***/ 9039:
|
|
49904
|
+
/***/ (function(module) {
|
|
49905
|
+
|
|
49906
|
+
"use strict";
|
|
49907
|
+
|
|
49908
|
+
module.exports = function (exec) {
|
|
49909
|
+
try {
|
|
49910
|
+
return !!exec();
|
|
49911
|
+
} catch (error) {
|
|
49912
|
+
return true;
|
|
49913
|
+
}
|
|
49914
|
+
};
|
|
49915
|
+
|
|
49916
|
+
|
|
49917
|
+
/***/ }),
|
|
49918
|
+
|
|
49919
|
+
/***/ 9043:
|
|
49920
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49921
|
+
|
|
49922
|
+
"use strict";
|
|
49923
|
+
// ESM COMPAT FLAG
|
|
49924
|
+
__webpack_require__.r(__webpack_exports__);
|
|
49925
|
+
|
|
49926
|
+
// EXPORTS
|
|
49927
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
49928
|
+
"default": function() { return /* binding */ View; }
|
|
49929
|
+
});
|
|
49930
|
+
|
|
49931
|
+
;// ./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-lineThree/View.vue?vue&type=template&id=42dea33b&scoped=true
|
|
49932
|
+
var render = function render() {
|
|
49933
|
+
var _vm = this,
|
|
49934
|
+
_c = _vm._self._c,
|
|
49935
|
+
_setup = _vm._self._setupProxy;
|
|
49936
|
+
return _c('div', {
|
|
49937
|
+
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
|
|
49938
|
+
style: _vm.style,
|
|
49939
|
+
on: {
|
|
49940
|
+
"click": function ($event) {
|
|
49941
|
+
$event.stopPropagation();
|
|
49942
|
+
return _vm.handleNowComp.apply(null, arguments);
|
|
49943
|
+
}
|
|
49944
|
+
}
|
|
49945
|
+
}, [_c('div', {
|
|
49946
|
+
staticClass: "corp-static_scene position"
|
|
49947
|
+
}, [_c('div', {
|
|
49948
|
+
staticClass: "cmhk-home_main"
|
|
49949
|
+
}, [_c('div', {
|
|
49950
|
+
staticClass: "corp-static_wrapper"
|
|
49951
|
+
}, [_c('div', {
|
|
49952
|
+
staticClass: "corp-static_scene_container"
|
|
49953
|
+
}, [_c('ul', {
|
|
49954
|
+
staticClass: "clearfix"
|
|
49955
|
+
}, _vm._l(_vm.list, function (item, index) {
|
|
49956
|
+
return _c('li', {
|
|
49957
|
+
key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
|
|
49958
|
+
on: {
|
|
49959
|
+
"click": function ($event) {
|
|
49960
|
+
return _setup.decodeJumpUrl(item === null || item === void 0 ? void 0 : item.jumpUrl, _vm.$router);
|
|
49961
|
+
}
|
|
49962
|
+
}
|
|
49963
|
+
}, [_c('div', {
|
|
49964
|
+
staticClass: "card-shadow"
|
|
49965
|
+
}, [_c('div', {
|
|
49966
|
+
staticClass: "image-desbox_wapper"
|
|
49967
|
+
}, [_c('img', {
|
|
49968
|
+
staticClass: "scene-image",
|
|
49969
|
+
attrs: {
|
|
49970
|
+
"src": _setup.isMobileHook ? item === null || item === void 0 ? void 0 : item.uploadImageH5 : item === null || item === void 0 ? void 0 : item.uploadImagePC,
|
|
49971
|
+
"alt": item === null || item === void 0 ? void 0 : item.imagePcATL
|
|
49972
|
+
}
|
|
49973
|
+
})]), _c('div', {
|
|
49974
|
+
staticClass: "corp-static_scene_content"
|
|
49975
|
+
}, [_c('p', {
|
|
49976
|
+
staticClass: "title"
|
|
49977
|
+
}, [_vm._v(_vm._s(item.input1))]), _c('p', {
|
|
49978
|
+
staticClass: "des",
|
|
49979
|
+
class: _vm.panelFold ? 'des-more' : ''
|
|
49980
|
+
}, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]), _vm.$i18n.locale == 'zh-CN' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
|
|
49981
|
+
staticClass: "crad-more",
|
|
49982
|
+
on: {
|
|
49983
|
+
"click": function ($event) {
|
|
49984
|
+
$event.stopPropagation();
|
|
49985
|
+
_vm.panelFold = !_vm.panelFold;
|
|
49986
|
+
}
|
|
49987
|
+
}
|
|
49988
|
+
}, [_c('span', {
|
|
49989
|
+
directives: [{
|
|
49990
|
+
name: "show",
|
|
49991
|
+
rawName: "v-show",
|
|
49992
|
+
value: _vm.$i18n.locale == 'zh-CN',
|
|
49993
|
+
expression: "$i18n.locale == 'zh-CN'"
|
|
49994
|
+
}]
|
|
49995
|
+
}, [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展开")), _c('i', {
|
|
49996
|
+
class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
|
|
49997
|
+
})])]) : _vm._e(), _vm.$i18n.locale == 'zh-HK' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
|
|
49998
|
+
staticClass: "crad-more",
|
|
49999
|
+
on: {
|
|
50000
|
+
"click": function ($event) {
|
|
50001
|
+
$event.stopPropagation();
|
|
50002
|
+
_vm.panelFold = !_vm.panelFold;
|
|
50003
|
+
}
|
|
50004
|
+
}
|
|
50005
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展開")), _c('i', {
|
|
50006
|
+
class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
|
|
50007
|
+
})])]) : _vm._e(), _vm.$i18n.locale == 'en-US' && (item === null || item === void 0 ? void 0 : item.input2.length) > 132 ? _c('div', {
|
|
50008
|
+
staticClass: "crad-more",
|
|
50009
|
+
on: {
|
|
50010
|
+
"click": function ($event) {
|
|
50011
|
+
$event.stopPropagation();
|
|
50012
|
+
_vm.panelFold = !_vm.panelFold;
|
|
50013
|
+
}
|
|
50014
|
+
}
|
|
50015
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "Collpase" : "Expand")), _c('i', {
|
|
50016
|
+
class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
|
|
50017
|
+
})])]) : _vm._e()])])]);
|
|
50018
|
+
}), 0)])])]), _c('div', {
|
|
50019
|
+
class: {
|
|
50020
|
+
opcacity: _vm.isOpcacity
|
|
50021
|
+
},
|
|
50022
|
+
on: {
|
|
50023
|
+
"click": _vm.handleNowComp
|
|
50024
|
+
}
|
|
50025
|
+
})]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
|
|
50026
|
+
staticClass: "com-delete"
|
|
50027
|
+
}, [_c('i', {
|
|
50028
|
+
staticClass: "el-icon-delete",
|
|
50029
|
+
on: {
|
|
50030
|
+
"click": function ($event) {
|
|
50031
|
+
$event.stopPropagation();
|
|
50032
|
+
return _vm.deleteComponent.apply(null, arguments);
|
|
50033
|
+
}
|
|
50034
|
+
}
|
|
50035
|
+
})]) : _vm._e()]);
|
|
50036
|
+
};
|
|
50037
|
+
var staticRenderFns = [];
|
|
50038
|
+
|
|
50039
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
50040
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
50041
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
50042
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
50043
|
+
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
50044
|
+
var jumpUrl = __webpack_require__(813);
|
|
50045
|
+
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
|
|
50046
|
+
var vue_runtime_esm = __webpack_require__(6848);
|
|
50047
|
+
;// ./src/utils/useMobileEffect.js
|
|
50048
|
+
|
|
50049
|
+
const isMobileHook = (0,vue_runtime_esm.ref)(false);
|
|
50050
|
+
const resize = () => {
|
|
50051
|
+
let bodyW = 0;
|
|
50052
|
+
if (document.body) {
|
|
50053
|
+
bodyW = document.body.scrollWidth || document.body.clientWidth;
|
|
50054
|
+
}
|
|
50055
|
+
if (bodyW < 800) {
|
|
50056
|
+
isMobileHook.value = true;
|
|
50057
|
+
} else {
|
|
50058
|
+
isMobileHook.value = false;
|
|
50059
|
+
}
|
|
50060
|
+
};
|
|
50061
|
+
/* harmony default export */ function useMobileEffect() {
|
|
50062
|
+
(0,vue_runtime_esm.onMounted)(() => {
|
|
50063
|
+
resize();
|
|
50064
|
+
window.addEventListener('resize', resize);
|
|
50065
|
+
});
|
|
50066
|
+
(0,vue_runtime_esm.onUnmounted)(() => {
|
|
50067
|
+
window.removeEventListener('resize', resize);
|
|
50068
|
+
});
|
|
50069
|
+
return {
|
|
50070
|
+
isMobileHook
|
|
50071
|
+
};
|
|
50072
|
+
}
|
|
50073
|
+
;// ./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-lineThree/View.vue?vue&type=script&setup=true&lang=js
|
|
50247
50074
|
|
|
50248
|
-
/**
|
|
50249
|
-
* Assert object's properties type
|
|
50250
|
-
* @param {object} options
|
|
50251
|
-
* @param {object} schema
|
|
50252
|
-
* @param {boolean?} allowUnknown
|
|
50253
|
-
*/
|
|
50254
50075
|
|
|
50255
|
-
|
|
50256
|
-
|
|
50257
|
-
|
|
50258
|
-
|
|
50259
|
-
|
|
50260
|
-
|
|
50261
|
-
|
|
50262
|
-
|
|
50263
|
-
|
|
50264
|
-
if (validator) {
|
|
50265
|
-
var value = options[opt];
|
|
50266
|
-
var result = value === undefined || validator(value, opt, options);
|
|
50267
|
-
if (result !== true) {
|
|
50268
|
-
throw new TypeError('option ' + opt + ' must be ' + result);
|
|
50076
|
+
|
|
50077
|
+
|
|
50078
|
+
const __default__ = {
|
|
50079
|
+
name: "cms-lineThree",
|
|
50080
|
+
props: {
|
|
50081
|
+
data: {
|
|
50082
|
+
type: Object,
|
|
50083
|
+
default: () => {
|
|
50084
|
+
return {};
|
|
50269
50085
|
}
|
|
50270
|
-
|
|
50086
|
+
},
|
|
50087
|
+
nowCompId: {
|
|
50088
|
+
type: [String, Number],
|
|
50089
|
+
default: ""
|
|
50090
|
+
},
|
|
50091
|
+
isOpcacity: {
|
|
50092
|
+
type: Boolean,
|
|
50093
|
+
default: true
|
|
50094
|
+
},
|
|
50095
|
+
lang: {
|
|
50096
|
+
type: String,
|
|
50097
|
+
default: "zh-HK"
|
|
50271
50098
|
}
|
|
50272
|
-
|
|
50273
|
-
|
|
50099
|
+
},
|
|
50100
|
+
data() {
|
|
50101
|
+
return {
|
|
50102
|
+
style: {},
|
|
50103
|
+
CN: [],
|
|
50104
|
+
HK: [],
|
|
50105
|
+
EN: [],
|
|
50106
|
+
list: [],
|
|
50107
|
+
panelFold: false
|
|
50108
|
+
};
|
|
50109
|
+
},
|
|
50110
|
+
mounted() {
|
|
50111
|
+
if (this.$EventBus) {
|
|
50112
|
+
this.$EventBus.$on("forceUpdateCom", data => {
|
|
50113
|
+
if (data.id == this.data.id) {
|
|
50114
|
+
let obj = {};
|
|
50115
|
+
data.settings.attribute.forEach(item => {
|
|
50116
|
+
obj[item.key] = item.value;
|
|
50117
|
+
});
|
|
50118
|
+
this.style = obj;
|
|
50119
|
+
}
|
|
50120
|
+
});
|
|
50121
|
+
}
|
|
50122
|
+
},
|
|
50123
|
+
watch: {
|
|
50124
|
+
data: {
|
|
50125
|
+
handler(val) {
|
|
50126
|
+
let obj = {};
|
|
50127
|
+
val.settings.settings.forEach(item => {
|
|
50128
|
+
this.CN = item.value.bannerList.CN;
|
|
50129
|
+
this.HK = item.value.bannerList.HK;
|
|
50130
|
+
this.EN = item.value.bannerList.EN;
|
|
50131
|
+
});
|
|
50132
|
+
val.settings.attribute.forEach(item => {
|
|
50133
|
+
obj[item.key] = item.value;
|
|
50134
|
+
});
|
|
50135
|
+
this.getValue(this.lang);
|
|
50136
|
+
},
|
|
50137
|
+
deep: true,
|
|
50138
|
+
immediate: true
|
|
50139
|
+
},
|
|
50140
|
+
lang: {
|
|
50141
|
+
handler(val) {
|
|
50142
|
+
this.getValue(val);
|
|
50143
|
+
},
|
|
50144
|
+
deep: true,
|
|
50145
|
+
immediate: true
|
|
50146
|
+
}
|
|
50147
|
+
},
|
|
50148
|
+
methods: {
|
|
50149
|
+
getValue(val) {
|
|
50150
|
+
const obj = {
|
|
50151
|
+
"zh-CN": "CN",
|
|
50152
|
+
"zh-HK": "HK",
|
|
50153
|
+
"en-US": "EN"
|
|
50154
|
+
};
|
|
50155
|
+
this.list = this[`${obj[val]}`];
|
|
50156
|
+
},
|
|
50157
|
+
handleNowComp() {
|
|
50158
|
+
if (!this.isOpcacity) return;
|
|
50159
|
+
this.$EventBus.$emit("handleNowComp", {
|
|
50160
|
+
key: this.data.id,
|
|
50161
|
+
settings: this.data.settings,
|
|
50162
|
+
nowCompName: this.data.compName
|
|
50163
|
+
});
|
|
50164
|
+
},
|
|
50165
|
+
deleteComponent() {
|
|
50166
|
+
this.$EventBus.$emit("handleDeleteComp", {
|
|
50167
|
+
key: this.data.id
|
|
50168
|
+
});
|
|
50274
50169
|
}
|
|
50275
50170
|
}
|
|
50276
|
-
}
|
|
50277
|
-
module.exports = {
|
|
50278
|
-
assertOptions: assertOptions,
|
|
50279
|
-
validators: validators
|
|
50280
50171
|
};
|
|
50281
50172
|
|
|
50282
|
-
/***/ }),
|
|
50283
|
-
|
|
50284
|
-
/***/ 8981:
|
|
50285
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
50286
50173
|
|
|
50287
|
-
|
|
50174
|
+
/* harmony default export */ var Viewvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
|
|
50175
|
+
setup(__props) {
|
|
50176
|
+
const {
|
|
50177
|
+
isMobileHook
|
|
50178
|
+
} = useMobileEffect();
|
|
50179
|
+
return {
|
|
50180
|
+
__sfc: true,
|
|
50181
|
+
isMobileHook,
|
|
50182
|
+
decodeJumpUrl: jumpUrl/* decodeJumpUrl */.u
|
|
50183
|
+
};
|
|
50184
|
+
}
|
|
50185
|
+
}));
|
|
50186
|
+
;// ./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
|
|
50187
|
+
/* harmony default export */ var cms_lineThree_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js);
|
|
50188
|
+
;// ./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-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
|
|
50189
|
+
// extracted by mini-css-extract-plugin
|
|
50288
50190
|
|
|
50289
|
-
|
|
50191
|
+
;// ./package/cms-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
|
|
50290
50192
|
|
|
50291
|
-
|
|
50193
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
50194
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
50195
|
+
;// ./package/cms-lineThree/View.vue
|
|
50292
50196
|
|
|
50293
|
-
// `ToObject` abstract operation
|
|
50294
|
-
// https://tc39.es/ecma262/#sec-toobject
|
|
50295
|
-
module.exports = function (argument) {
|
|
50296
|
-
return $Object(requireObjectCoercible(argument));
|
|
50297
|
-
};
|
|
50298
50197
|
|
|
50299
50198
|
|
|
50300
|
-
|
|
50199
|
+
;
|
|
50301
50200
|
|
|
50302
|
-
/***/ 9039:
|
|
50303
|
-
/***/ (function(module) {
|
|
50304
50201
|
|
|
50305
|
-
|
|
50202
|
+
/* normalize component */
|
|
50306
50203
|
|
|
50307
|
-
|
|
50308
|
-
|
|
50309
|
-
|
|
50310
|
-
|
|
50311
|
-
|
|
50312
|
-
|
|
50313
|
-
|
|
50204
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
50205
|
+
cms_lineThree_Viewvue_type_script_setup_true_lang_js,
|
|
50206
|
+
render,
|
|
50207
|
+
staticRenderFns,
|
|
50208
|
+
false,
|
|
50209
|
+
null,
|
|
50210
|
+
"42dea33b",
|
|
50211
|
+
null
|
|
50212
|
+
|
|
50213
|
+
)
|
|
50314
50214
|
|
|
50215
|
+
/* harmony default export */ var View = (component.exports);
|
|
50315
50216
|
|
|
50316
50217
|
/***/ }),
|
|
50317
50218
|
|
|
50318
|
-
/***/
|
|
50219
|
+
/***/ 9099:
|
|
50319
50220
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
50320
50221
|
|
|
50321
50222
|
"use strict";
|
|
@@ -50327,94 +50228,148 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
50327
50228
|
"default": function() { return /* binding */ View; }
|
|
50328
50229
|
});
|
|
50329
50230
|
|
|
50330
|
-
;// ./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-
|
|
50231
|
+
;// ./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=27afd59e&scoped=true
|
|
50331
50232
|
var render = function render() {
|
|
50233
|
+
var _vm$cmsConfig$bannerL;
|
|
50332
50234
|
var _vm = this,
|
|
50333
|
-
_c = _vm._self._c
|
|
50334
|
-
_setup = _vm._self._setupProxy;
|
|
50235
|
+
_c = _vm._self._c;
|
|
50335
50236
|
return _c('div', {
|
|
50237
|
+
staticClass: "test",
|
|
50336
50238
|
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
|
|
50239
|
+
staticStyle: {
|
|
50240
|
+
"position": "relative",
|
|
50241
|
+
"cursor": "pointer"
|
|
50242
|
+
},
|
|
50337
50243
|
style: _vm.style,
|
|
50338
50244
|
on: {
|
|
50339
50245
|
"click": function ($event) {
|
|
50340
50246
|
$event.stopPropagation();
|
|
50341
|
-
return _vm.handleNowComp
|
|
50247
|
+
return _vm.handleNowComp();
|
|
50342
50248
|
}
|
|
50343
50249
|
}
|
|
50344
50250
|
}, [_c('div', {
|
|
50345
|
-
staticClass: "
|
|
50251
|
+
staticClass: "content-swiper tt_banner"
|
|
50252
|
+
}, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
|
|
50253
|
+
staticClass: "relative position"
|
|
50346
50254
|
}, [_c('div', {
|
|
50347
|
-
staticClass: "
|
|
50255
|
+
staticClass: "my_banner"
|
|
50348
50256
|
}, [_c('div', {
|
|
50349
|
-
staticClass: "
|
|
50257
|
+
staticClass: "swiper-container_contentswiper",
|
|
50258
|
+
attrs: {
|
|
50259
|
+
"id": `contentSwiper${_vm.data.id}`
|
|
50260
|
+
}
|
|
50350
50261
|
}, [_c('div', {
|
|
50351
|
-
staticClass: "
|
|
50352
|
-
|
|
50353
|
-
|
|
50354
|
-
|
|
50355
|
-
|
|
50356
|
-
|
|
50357
|
-
|
|
50358
|
-
|
|
50359
|
-
|
|
50360
|
-
|
|
50361
|
-
|
|
50362
|
-
}, [_c('div', {
|
|
50363
|
-
staticClass: "card-shadow"
|
|
50364
|
-
}, [_c('div', {
|
|
50365
|
-
staticClass: "image-desbox_wapper"
|
|
50366
|
-
}, [_c('img', {
|
|
50367
|
-
staticClass: "scene-image",
|
|
50368
|
-
attrs: {
|
|
50369
|
-
"src": _setup.isMobileHook ? item === null || item === void 0 ? void 0 : item.uploadImageH5 : item === null || item === void 0 ? void 0 : item.uploadImagePC,
|
|
50370
|
-
"alt": item === null || item === void 0 ? void 0 : item.imagePcATL
|
|
50371
|
-
}
|
|
50372
|
-
})]), _c('div', {
|
|
50373
|
-
staticClass: "corp-static_scene_content"
|
|
50374
|
-
}, [_c('p', {
|
|
50375
|
-
staticClass: "title"
|
|
50376
|
-
}, [_vm._v(_vm._s(item.input1))]), _c('p', {
|
|
50377
|
-
staticClass: "des",
|
|
50378
|
-
class: _vm.panelFold ? 'des-more' : ''
|
|
50379
|
-
}, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]), _vm.$i18n.locale == 'zh-CN' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
|
|
50380
|
-
staticClass: "crad-more",
|
|
50381
|
-
on: {
|
|
50382
|
-
"click": function ($event) {
|
|
50383
|
-
$event.stopPropagation();
|
|
50384
|
-
_vm.panelFold = !_vm.panelFold;
|
|
50385
|
-
}
|
|
50386
|
-
}
|
|
50387
|
-
}, [_c('span', {
|
|
50388
|
-
directives: [{
|
|
50389
|
-
name: "show",
|
|
50390
|
-
rawName: "v-show",
|
|
50391
|
-
value: _vm.$i18n.locale == 'zh-CN',
|
|
50392
|
-
expression: "$i18n.locale == 'zh-CN'"
|
|
50393
|
-
}]
|
|
50394
|
-
}, [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展开")), _c('i', {
|
|
50395
|
-
class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
|
|
50396
|
-
})])]) : _vm._e(), _vm.$i18n.locale == 'zh-HK' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
|
|
50397
|
-
staticClass: "crad-more",
|
|
50262
|
+
staticClass: "swiper-wrapper",
|
|
50263
|
+
staticStyle: {
|
|
50264
|
+
"width": "1074px",
|
|
50265
|
+
"height": "100%"
|
|
50266
|
+
}
|
|
50267
|
+
}, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
|
|
50268
|
+
return _c('div', {
|
|
50269
|
+
key: inx,
|
|
50270
|
+
staticClass: "swiper-slide"
|
|
50271
|
+
}, [item ? _c('div', {
|
|
50272
|
+
staticClass: "swiper-banner_box",
|
|
50398
50273
|
on: {
|
|
50399
50274
|
"click": function ($event) {
|
|
50400
|
-
|
|
50401
|
-
_vm.panelFold = !_vm.panelFold;
|
|
50275
|
+
return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
|
|
50402
50276
|
}
|
|
50403
50277
|
}
|
|
50404
|
-
}, [_c('
|
|
50405
|
-
|
|
50406
|
-
|
|
50407
|
-
|
|
50278
|
+
}, [_c('img', {
|
|
50279
|
+
staticClass: "swiper-banner_image layout-pc",
|
|
50280
|
+
attrs: {
|
|
50281
|
+
"src": item.uploadImagePC,
|
|
50282
|
+
"alt": "PC"
|
|
50283
|
+
}
|
|
50284
|
+
}), _c('img', {
|
|
50285
|
+
staticClass: "swiper-banner_image layout-mobile",
|
|
50286
|
+
attrs: {
|
|
50287
|
+
"src": item.uploadImageH5,
|
|
50288
|
+
"alt": "H5"
|
|
50289
|
+
}
|
|
50290
|
+
}), _c('div', {
|
|
50291
|
+
staticClass: "extra-swiper_box layout-pc"
|
|
50292
|
+
}, [item.title ? _c('div', {
|
|
50293
|
+
staticClass: "swiper-contentbtn"
|
|
50294
|
+
}, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
|
|
50295
|
+
staticClass: "swiper-labels"
|
|
50296
|
+
}, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
|
|
50297
|
+
staticClass: "swiper-btn_container"
|
|
50298
|
+
}, [item.input1 != '' ? _c('a', {
|
|
50299
|
+
attrs: {
|
|
50300
|
+
"href": item.jumpUrl1,
|
|
50301
|
+
"target": "_self"
|
|
50302
|
+
}
|
|
50303
|
+
}, [_c('button', {
|
|
50304
|
+
staticClass: "swiper-opbtn have-arrow"
|
|
50305
|
+
}, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
|
|
50306
|
+
attrs: {
|
|
50307
|
+
"href": item.jumpUrl2,
|
|
50308
|
+
"target": "_self"
|
|
50309
|
+
}
|
|
50310
|
+
}, [_c('button', {
|
|
50311
|
+
staticClass: "swiper-opbtn_wt"
|
|
50312
|
+
}, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
|
|
50313
|
+
}), 0)])]), _vm.cmsConfig.bannerList[_vm.swiperIdx].title || _vm.cmsConfig.bannerList[_vm.swiperIdx].des || _vm.cmsConfig.bannerList[_vm.swiperIdx].input1 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 || (_vm$cmsConfig$bannerL = _vm.cmsConfig.bannerList[_vm.swiperIdx]) !== null && _vm$cmsConfig$bannerL !== void 0 && _vm$cmsConfig$bannerL.input3 ? _c('div', {
|
|
50314
|
+
staticClass: "mb-swiper_box layout-mobile"
|
|
50315
|
+
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
|
|
50316
|
+
staticClass: "swiper-contentbtn"
|
|
50317
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
|
|
50318
|
+
staticClass: "swiper-label"
|
|
50319
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
|
|
50320
|
+
staticClass: "swiper-btn_container"
|
|
50321
|
+
}, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
|
|
50322
|
+
attrs: {
|
|
50323
|
+
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
|
|
50324
|
+
"target": "_self"
|
|
50325
|
+
}
|
|
50326
|
+
}, [_c('button', {
|
|
50327
|
+
staticClass: "swiper-opbtn have-arrow"
|
|
50328
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
|
|
50329
|
+
attrs: {
|
|
50330
|
+
"href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
|
|
50331
|
+
"target": "_self"
|
|
50332
|
+
}
|
|
50333
|
+
}, [_c('button', {
|
|
50334
|
+
staticClass: "swiper-opbtn_wt have-arrow"
|
|
50335
|
+
}, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]) : _vm._e(), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
|
|
50336
|
+
staticClass: "cmhk-swiper-button-number"
|
|
50337
|
+
}, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
|
|
50338
|
+
return _c('div', {
|
|
50339
|
+
key: idx,
|
|
50340
|
+
staticClass: "line-customs_wrapper",
|
|
50408
50341
|
on: {
|
|
50409
50342
|
"click": function ($event) {
|
|
50410
50343
|
$event.stopPropagation();
|
|
50411
|
-
|
|
50344
|
+
return _vm.jumpToSlide(idx);
|
|
50412
50345
|
}
|
|
50413
50346
|
}
|
|
50414
|
-
}, [_c('
|
|
50415
|
-
class: _vm.
|
|
50416
|
-
}
|
|
50417
|
-
|
|
50347
|
+
}, [_c('div', {
|
|
50348
|
+
class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
|
|
50349
|
+
}, [item && item.input1 ? _c('div', {
|
|
50350
|
+
staticClass: "swiper-popupup layout-pc"
|
|
50351
|
+
}, [_c('p', {
|
|
50352
|
+
staticClass: "swiper-popuptext"
|
|
50353
|
+
}, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
|
|
50354
|
+
}), _c('div', {
|
|
50355
|
+
staticClass: "swiper-button-puase",
|
|
50356
|
+
on: {
|
|
50357
|
+
"click": function ($event) {
|
|
50358
|
+
$event.stopPropagation();
|
|
50359
|
+
return _vm.swiperPlay.apply(null, arguments);
|
|
50360
|
+
}
|
|
50361
|
+
}
|
|
50362
|
+
}, [!_vm.swiperPlayVal ? _c('img', {
|
|
50363
|
+
staticClass: "playstart-image",
|
|
50364
|
+
attrs: {
|
|
50365
|
+
"src": __webpack_require__(2254)
|
|
50366
|
+
}
|
|
50367
|
+
}) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
|
|
50368
|
+
staticClass: "playstop-image",
|
|
50369
|
+
attrs: {
|
|
50370
|
+
"src": __webpack_require__(2584)
|
|
50371
|
+
}
|
|
50372
|
+
}) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
|
|
50418
50373
|
class: {
|
|
50419
50374
|
opcacity: _vm.isOpcacity
|
|
50420
50375
|
},
|
|
@@ -50435,47 +50390,29 @@ var render = function render() {
|
|
|
50435
50390
|
};
|
|
50436
50391
|
var staticRenderFns = [];
|
|
50437
50392
|
|
|
50393
|
+
;// ./package/cms-banner/View.vue?vue&type=template&id=27afd59e&scoped=true
|
|
50394
|
+
|
|
50438
50395
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
50439
50396
|
var es_iterator_constructor = __webpack_require__(8111);
|
|
50440
50397
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
50441
50398
|
var es_iterator_for_each = __webpack_require__(7588);
|
|
50399
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
|
|
50400
|
+
var swiper = __webpack_require__(2791);
|
|
50401
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
50402
|
+
var swiper_esm_bundle = __webpack_require__(4418);
|
|
50442
50403
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
50443
50404
|
var jumpUrl = __webpack_require__(813);
|
|
50444
|
-
|
|
50445
|
-
var vue_runtime_esm = __webpack_require__(6848);
|
|
50446
|
-
;// ./src/utils/useMobileEffect.js
|
|
50405
|
+
;// ./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
|
|
50447
50406
|
|
|
50448
|
-
const isMobileHook = (0,vue_runtime_esm.ref)(false);
|
|
50449
|
-
const resize = () => {
|
|
50450
|
-
let bodyW = 0;
|
|
50451
|
-
if (document.body) {
|
|
50452
|
-
bodyW = document.body.scrollWidth || document.body.clientWidth;
|
|
50453
|
-
}
|
|
50454
|
-
if (bodyW < 800) {
|
|
50455
|
-
isMobileHook.value = true;
|
|
50456
|
-
} else {
|
|
50457
|
-
isMobileHook.value = false;
|
|
50458
|
-
}
|
|
50459
|
-
};
|
|
50460
|
-
/* harmony default export */ function useMobileEffect() {
|
|
50461
|
-
(0,vue_runtime_esm.onMounted)(() => {
|
|
50462
|
-
resize();
|
|
50463
|
-
window.addEventListener('resize', resize);
|
|
50464
|
-
});
|
|
50465
|
-
(0,vue_runtime_esm.onUnmounted)(() => {
|
|
50466
|
-
window.removeEventListener('resize', resize);
|
|
50467
|
-
});
|
|
50468
|
-
return {
|
|
50469
|
-
isMobileHook
|
|
50470
|
-
};
|
|
50471
|
-
}
|
|
50472
|
-
;// ./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-lineThree/View.vue?vue&type=script&setup=true&lang=js
|
|
50473
50407
|
|
|
50474
50408
|
|
|
50475
50409
|
|
|
50476
50410
|
|
|
50477
|
-
|
|
50478
|
-
|
|
50411
|
+
|
|
50412
|
+
|
|
50413
|
+
|
|
50414
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
50415
|
+
name: "cms-banner",
|
|
50479
50416
|
props: {
|
|
50480
50417
|
data: {
|
|
50481
50418
|
type: Object,
|
|
@@ -50499,13 +50436,25 @@ const __default__ = {
|
|
|
50499
50436
|
data() {
|
|
50500
50437
|
return {
|
|
50501
50438
|
style: {},
|
|
50439
|
+
// 样式
|
|
50440
|
+
isEditor: true,
|
|
50441
|
+
cmsConfig: {
|
|
50442
|
+
bannerList: []
|
|
50443
|
+
},
|
|
50502
50444
|
CN: [],
|
|
50503
50445
|
HK: [],
|
|
50504
50446
|
EN: [],
|
|
50505
|
-
|
|
50506
|
-
|
|
50447
|
+
// 轮播
|
|
50448
|
+
swiperOne: null,
|
|
50449
|
+
swiperIdx: 0,
|
|
50450
|
+
swiperPlayVal: true
|
|
50507
50451
|
};
|
|
50508
50452
|
},
|
|
50453
|
+
created() {
|
|
50454
|
+
if (this.$route.path != "/editor") {
|
|
50455
|
+
this.isEditor = false;
|
|
50456
|
+
}
|
|
50457
|
+
},
|
|
50509
50458
|
mounted() {
|
|
50510
50459
|
if (this.$EventBus) {
|
|
50511
50460
|
this.$EventBus.$on("forceUpdateCom", data => {
|
|
@@ -50518,6 +50467,9 @@ const __default__ = {
|
|
|
50518
50467
|
}
|
|
50519
50468
|
});
|
|
50520
50469
|
}
|
|
50470
|
+
if (this.cmsConfig.bannerList.length > 0) {
|
|
50471
|
+
this.initSwiper("bannerList");
|
|
50472
|
+
}
|
|
50521
50473
|
},
|
|
50522
50474
|
watch: {
|
|
50523
50475
|
data: {
|
|
@@ -50531,6 +50483,7 @@ const __default__ = {
|
|
|
50531
50483
|
val.settings.attribute.forEach(item => {
|
|
50532
50484
|
obj[item.key] = item.value;
|
|
50533
50485
|
});
|
|
50486
|
+
this.style = obj;
|
|
50534
50487
|
this.getValue(this.lang);
|
|
50535
50488
|
},
|
|
50536
50489
|
deep: true,
|
|
@@ -50551,7 +50504,7 @@ const __default__ = {
|
|
|
50551
50504
|
"zh-HK": "HK",
|
|
50552
50505
|
"en-US": "EN"
|
|
50553
50506
|
};
|
|
50554
|
-
this.
|
|
50507
|
+
this.cmsConfig.bannerList = this[`${obj[val]}`];
|
|
50555
50508
|
},
|
|
50556
50509
|
handleNowComp() {
|
|
50557
50510
|
if (!this.isOpcacity) return;
|
|
@@ -50565,33 +50518,75 @@ const __default__ = {
|
|
|
50565
50518
|
this.$EventBus.$emit("handleDeleteComp", {
|
|
50566
50519
|
key: this.data.id
|
|
50567
50520
|
});
|
|
50521
|
+
},
|
|
50522
|
+
initSwiper(operationName) {
|
|
50523
|
+
const vm = this;
|
|
50524
|
+
if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
|
|
50525
|
+
// 当广告个数大于1的时候才开启循环
|
|
50526
|
+
const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
|
|
50527
|
+
this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
|
|
50528
|
+
initialSlide: 0,
|
|
50529
|
+
// 初始化时slide的索引
|
|
50530
|
+
autoplay: {
|
|
50531
|
+
// 自动开始
|
|
50532
|
+
delay: 5000,
|
|
50533
|
+
// 时间间隔
|
|
50534
|
+
disableOnInteraction: false // 手动操作轮播图后不会暂停
|
|
50535
|
+
},
|
|
50536
|
+
loop: ifLoop,
|
|
50537
|
+
// 循环模式选项
|
|
50538
|
+
spaceBetween: 30,
|
|
50539
|
+
// 在slide之间设置距离
|
|
50540
|
+
observer: true,
|
|
50541
|
+
observeParents: true,
|
|
50542
|
+
on: {
|
|
50543
|
+
slideChangeTransitionEnd: function () {
|
|
50544
|
+
// swiper从一个slide过渡到另一个slide结束时执行
|
|
50545
|
+
console.log("realIndex", this.realIndex);
|
|
50546
|
+
if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
|
|
50547
|
+
vm.swiperIdx = this.realIndex;
|
|
50548
|
+
},
|
|
50549
|
+
resize: function () {
|
|
50550
|
+
this.update(true);
|
|
50551
|
+
}
|
|
50552
|
+
}
|
|
50553
|
+
});
|
|
50554
|
+
}
|
|
50555
|
+
},
|
|
50556
|
+
// 轮播
|
|
50557
|
+
swiperPlay() {
|
|
50558
|
+
this.swiperPlayVal = !this.swiperPlayVal;
|
|
50559
|
+
this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
|
|
50560
|
+
},
|
|
50561
|
+
swiperClickStop() {
|
|
50562
|
+
this.swiperOne.autoplay.stop();
|
|
50563
|
+
},
|
|
50564
|
+
swiperClickStart() {
|
|
50565
|
+
this.swiperOne.autoplay.start();
|
|
50566
|
+
},
|
|
50567
|
+
jumpToSlide(idx) {
|
|
50568
|
+
// banner 轮播PC
|
|
50569
|
+
console.log("PC点击了", idx);
|
|
50570
|
+
// 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
|
|
50571
|
+
this.swiperOne.slideToLoop(idx, 1000, false);
|
|
50572
|
+
this.swiperIdx = idx;
|
|
50573
|
+
},
|
|
50574
|
+
//跳转
|
|
50575
|
+
decodeJumpUrl(path, route) {
|
|
50576
|
+
(0,jumpUrl/* decodeJumpUrl */.u)(path, route);
|
|
50568
50577
|
}
|
|
50569
50578
|
}
|
|
50570
|
-
};
|
|
50571
|
-
|
|
50572
|
-
|
|
50573
|
-
|
|
50574
|
-
setup(__props) {
|
|
50575
|
-
const {
|
|
50576
|
-
isMobileHook
|
|
50577
|
-
} = useMobileEffect();
|
|
50578
|
-
return {
|
|
50579
|
-
__sfc: true,
|
|
50580
|
-
isMobileHook,
|
|
50581
|
-
decodeJumpUrl: jumpUrl/* decodeJumpUrl */.u
|
|
50582
|
-
};
|
|
50583
|
-
}
|
|
50584
|
-
}));
|
|
50585
|
-
;// ./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
|
|
50586
|
-
/* harmony default export */ var cms_lineThree_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js);
|
|
50587
|
-
;// ./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-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
|
|
50579
|
+
});
|
|
50580
|
+
;// ./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
50581
|
+
/* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
50582
|
+
;// ./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=27afd59e&prod&scoped=true&lang=scss
|
|
50588
50583
|
// extracted by mini-css-extract-plugin
|
|
50589
50584
|
|
|
50590
|
-
;// ./package/cms-
|
|
50585
|
+
;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=27afd59e&prod&scoped=true&lang=scss
|
|
50591
50586
|
|
|
50592
50587
|
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
50593
50588
|
var componentNormalizer = __webpack_require__(1656);
|
|
50594
|
-
;// ./package/cms-
|
|
50589
|
+
;// ./package/cms-banner/View.vue
|
|
50595
50590
|
|
|
50596
50591
|
|
|
50597
50592
|
|
|
@@ -50601,12 +50596,12 @@ var componentNormalizer = __webpack_require__(1656);
|
|
|
50601
50596
|
/* normalize component */
|
|
50602
50597
|
|
|
50603
50598
|
var component = (0,componentNormalizer/* default */.A)(
|
|
50604
|
-
|
|
50599
|
+
cms_banner_Viewvue_type_script_lang_js,
|
|
50605
50600
|
render,
|
|
50606
50601
|
staticRenderFns,
|
|
50607
50602
|
false,
|
|
50608
50603
|
null,
|
|
50609
|
-
"
|
|
50604
|
+
"27afd59e",
|
|
50610
50605
|
null
|
|
50611
50606
|
|
|
50612
50607
|
)
|