Skip to content

visualcloud / Vmatrix-template

Go to a project
Commit 215f0b46 by zhangmeng
Options

易企秀护肤大作战

parent e0fa6f77
Showing with 1608 additions and 0 deletions
src/templates/eqix/defaultData/eqixone.js 0 → 100644
export default {
eqixonehead1: {
value: "补水"
},
eqixonehead2: {
value: "美白"
},
eqixonehead3: {
value: "淡斑"
},
eqixonehead4: {
value: "紧肤"
},
eqixonehead5: {
value: "抗衰"
},
eqixonehead6: {
value: "企秀美容院秋季护肤大作战"
},
eqixonehead7:{
value:"9月变美攻略 / 会员超值特惠"
},
eqixonehead8:{
value:"充1万元，护理项目5折起，产品6折起！"
},
eqixonehead9:{
value:"办理会员卡，即送价值600元礼盒！"
},
eqixonehead10:{
value:"美容护肤/"
},
eqixonehead11:{
value:"精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone11.js 0 → 100644
export default {
eqixone11head: {
value: "欢迎定制"
},
eqixone11head2: {
value: "模板中除主体文字图片外，其余的文字、图片和音乐均可修改，如有疑问，请联系15007321314"
},
eqixone11img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/wqixone11left.jpg"
},
eqixone11img2: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone11right.jpg"
},
eqixone11head3: {
value: "关注H5小店"
},
eqixone11head4: {
value: "发现更多"
},
eqixone11head5: {
value: "优秀模板"
},
eqixone11head6: {
value: "关注设计师"
},
eqixone11head7: {
value: "欢迎定制"
},
eqixone11head8: {
value: "验证信息:易企秀定制"
},
eqixone11head9: {
value: "美容护肤"
},
eqixone11head10: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone2.js 0 → 100644
export default {
eqixone2head: {
value: "关于我们"
},
eqixone2head2: {
value: "企秀美容，是一家集销售、服务、教育、美容以及养生于一体的大型综合性化妆品企业，在华中地区设立了美容综合健身中心，面积均在1K平米以上，设有健身、美容、足疗、香薰、水疗SPA、保健、养生、形象设计、色彩诊断等多个项目。"
},
eqixone2head3: {
value: "企秀致力于传播美学生活理念，给每一位顾客提供尊贵、奢华的美容护理体验，以其神秘的配方、持续的功效、梦幻般的宫廷式服务，深得淑女名媛、豪门贵妇、名模影星的宠爱。"
},
eqixone2img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2room.jpg"
},
eqixone2head4: {
value: "美容护肤"
},
eqixone2head5: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone3.js 0 → 100644
export default {
eqixone3head: {
value: "九月特惠"
},
eqixone3head2: {
value: "活动时间：2019年9月1日-9月30日"
},
eqixone3head3: {
value: "会员5折！"
},
eqixone3head4: {
value: "护理项目6折"
},
eqixone3head5: {
value: "充1万送500元"
},
eqixone3head6: {
value: "满2万减1200元"
},
eqixone3text1:{
value:"活动期间，凡购任意两件商品，即可获赠价值60元的体验装。"
},
eqixone3text2:{
value:"活动期间，凡购买新品套装，即可获赠价值200元的体验装。"
},
eqixone3text3:{
value:"活动期间，凡消费满600元即可获赠价值248元的新品大礼品。"
},
eqixone3head7: {
value: "美容护肤"
},
eqixone3head8: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone4.js 0 → 100644
export default {
eqixone4head: {
value: "美容项目"
},
eqixone4head2: {
value: "面部美容"
},
eqixone4head3: {
value: "项目！"
},
eqixone4text1: {
value: "奢华净白美颜、水润焕颜活肤、白皙丽人淡斑、逆时空抗衰 、顶致雪凝焕肤、水印象滋养方程式，孔雀石健肤焕肤。"
},
eqixone4text2: {
value: "四维一体减肥、肾源经络调理、背部三焦舒穴、古法养生瑶浴、瓷肌通体雪肤疗程，360度全方位滋养方程式，艾畅排毒祛湿。"
},
eqixone4head4: {
value: "身体塑形"
},
eqixone4head5:{
value:"项目"
},
eqixone4head6:{
value:"中医足疗"
},
eqixone4head7:{
value:"保健"
},
eqixone4text3: {
value: "中药熏蒸、足部精油理疗、足部减压美容按摩、足部刮痧疗法、拔火罐。"
},
eqixone4head8: {
value: "美容护肤"
},
eqixone4head9: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone5.js 0 → 100644
export default {
eqixone5head: {
value: "环境展示"
},
eqixone5img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone2room.jpg"
},
eqixone5img2: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5leftroom.jpg"
},
eqixone5img3: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5rightroom.jpg"
},
eqixone5img4: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone5bottomroom.jpg"
},
eqixone5head2: {
value: "美容护肤"
},
eqixone5head3: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone6.js 0 → 100644
export default {
eqixone6head: {
value: "专家团队"
},
eqixone6img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/girldoc.jpg"
},
eqixone6img2: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/boydoc.jpg"
},
eqixone6head2: {
value: "苏医师"
},
eqixone6head3: {
value: "孙医师"
},
eqixone6text: {
value: "激光美肤中心资深美肤专家、资深光疗美肤专家、从事光疗美肤工作十余年，擅长综合性抗衰老治疗。"
},
eqixone6text2: {
value: "激光美肤中心资深美肤专家、资深光疗美肤专家、从事光疗美肤工作十余年，擅长综合性抗衰老治疗。"
},
eqixone6head4: {
value: "美容护肤"
},
eqixone6head5: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone7.js 0 → 100644
export default {
eqixone7head: {
value: "明星产品"
},
eqixone7img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7cos.jpg"
},
eqixone7img2: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7left.jpg"
},
eqixone7img3: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone7right.jpg"
},
eqixone7head2: {
value: "逆时空雪钻高滋润抗衰系列"
},
eqixone7head3: {
value: "雪肌晶纯系列"
},
eqixone7head4: {
value: "柔肌舒缓系列"
},
eqixone7head5: {
value: "美容护肤"
},
eqixone7head6: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/eqixone8.js 0 → 100644
export default {
eqixone8head: {
value: "爆款推荐"
},
eqixone8img: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8top.jpg"
},
eqixone8img2: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8mid.jpg"
},
eqixone8img3: {
value: "https://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/eqix/eqixone8bot.jpg"
},
eqixone8head2: {
value: "XIU深邃星梦眼影"
},
eqixone8head3: {
value: "XIU柔雾润泽唇膏"
},
eqixone8head4: {
value: "XIU蜜吻彩趣唇膏"
},
eqixone8introduce: {
value: "柔缎粉质 柔滑舒适"
},
eqixone8introduce2: {
value: "水润亮泽 唇燃魅色"
},
eqixone8introduce3: {
value: "一抹雾色 惊艳改变"
},
eqixone8price: {
value: "柔缎粉质 柔滑舒适"
},
eqixone8price2: {
value: "水润亮泽 唇燃魅色"
},
eqixone8price3: {
value: "一抹雾色 惊艳改变"
},
eqixone8head5: {
value: "美容护肤"
},
eqixone8head6: {
value: "精致女王"
}
}
\ No newline at end of file
src/templates/eqix/defaultData/index.js 0 → 100644
import eqixone from './eqixone'
import eqixone2 from './eqixone2'
import eqixone3 from './eqixone3'
import eqixone4 from './eqixone4'
import eqixone5 from './eqixone5'
import eqixone6 from './eqixone6'
import eqixone7 from './eqixone7'
import eqixone8 from './eqixone8'
import eqixone11 from './eqixone11'
export default {
eqixone,
eqixone2,
eqixone3,
eqixone4,
eqixone5,
eqixone6,
eqixone7,
eqixone8,
eqixone11
}
src/templates/eqix/editMethod.js 0 → 100644
export default {
setEditData (data) {
this.pages[data['page']]['list'][data.index].value =
data['value']
if (data['editObj']) {
this.list[data.index] = data['editObj']
this.pages[data['page']]['list'][data.index] =
data['editObj']
}
},
cancelEditAction () {
this.currentIndex = ''
this.cancelEdit = true
}
}
src/templates/eqix/index.vue 0 → 100644
<template>
<swiper :options="swiperOption"
:class="'glob-container'"
ref="mySwiper"
@someSwiperEvent="callback"
style="width:1080px;height:1920px;">
<swiper-slide style="transform: translate3d(0,0,0)"
class="ani"
v-for="(page, index) in pages"
:key="index"
@load="loaded(index)">
<component v-if="index == sliderActiveIndex"
:is="page.component"
:ref="'child'+index"
@hook:mounted="loaded(index)"
:schemaData="pages[index].schemaData"
:isEditMode="isEditMode"
:cancelEdit.sync="cancelEdit"
:page="index"
:activeIndex="sliderActiveIndex"></component>
</swiper-slide>
<!-- <swiper-slide>
<div class="container">I'm Slide 2</div>
</swiper-slide>
<swiper-slide>
<div class="container">I'm Slide 3</div>
</swiper-slide>-->
</swiper>
</template>
<script>
import mixin from './mixin'
import 'swiper/dist/css/swiper.css'
import { getQuery } from '@/framework/utils'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import { getFilmDetail } from '@/framework/templateApi/index'
import requireAllPage from './pages/index.js'
import Message from '@/framework/tempalteMessage'
import Scene from '@/framework/utils/sence'
import { setTimeout, clearTimeout } from 'timers'
import './style/eqixone.scss'
export default {
name: 'page',
mixins: [mixin],
components: {
swiper,
swiperSlide,
...requireAllPage
},
computed: {
swiper () {
return this.$refs.mySwiper.swiper
}
},
data () {
return {
swiperOption: {
// some swiper options/callbacks
// 所有的参数同 swiper 官方 api 参数
// ...
}
}
},
methods: {
message (data) {
Message.send(data, '*')
},
loaded (index) {
this.$refs['child' + this.sliderActiveIndex][0].enter()
},
edit (index) {
if (getQuery('isEdit')) {
this.currentIndex = index
var item = this.list[index]
this.message(
{
type: 'edit',
item,
index
},
'*'
)
}
},
getList () {
this.message(
{
type: 'getList',
pages: this.pages
},
'*'
)
}
},
beforeDestroy () {},
mounted () {
Scene.EventBus.on("leaveBefore", e => {
console.log("leaveBefore");
this.$refs["child" + this.sliderActiveIndex][0].leave().then(() => {
console.log("leaveBefore then");
var index = this.sliderActiveIndex;
if (index >= this.pages.length - 1) {
index = -1;
console.log(index);
}
this.swiper.slideTo(index + 1, 1000, false);
});
});
// this.$refs['child'][0].enter().then(() => {
// })
},
created () {
var vm = this
Message.init(e => {
var isObj = typeof e.data === 'object'
if (isObj && e.data['type'] == 'setData') {
vm.setEditData(e.data)
}
if (isObj && e.data['type'] == 'cancelEdit') {
vm.cancelEditAction()
}
if (isObj && e.data['type'] == 'edit') {
vm.currentIndex = e.data.index
}
if (isObj && e.data['type'] == 'setList') {
// vm.list = JSON.parse(JSON.stringify(e.data.list))
this.setAllData(e.data)
}
if (isObj && e.data['type'] == 'getList') {
vm.getAllData()
}
if (isObj && e.data['type'] == 'goPage') {
vm.swiper.slideTo(parseInt(e.data.index), 500, false)
}
})
this.swiperOption = {
effect: 'fade',
observer: true,
/* 将observe应用于Swiper的父元素。
当Swiper的父元素变化时，例如window.resize，Swiper更新。 */
observerParents: true,
allowTouchMove: !getQuery('isEdit'),
/* slidesPerView: 1,
autoplay: !getQuery("isEdit")
? {
delay: 10000
}
: false, */
loop: false,
on: {
init () {
if (!vm.isEditMode) {
// swiperAnimateCache(this); // 隐藏动画元素
// swiperAnimate(this); // 初始化完成开始动画
}
},
slideChange () {
vm.sliderActiveIndex = this.realIndex
if (vm.isEditMode) {
// $(".ani").css("visibility", "");
}
},
slideChangeTransitionEnd () {
if (!vm.isEditMode) {
// swiperAnimate(this);
}
}
}
}
if (getQuery('isEdit')) {
this.isEditMode = true
} else {
this.isEditMode = false
}
if (getQuery('filmId') && !this.isEditMode) {
getFilmDetail(getQuery('filmId')).then(result => {
console.log(result)
vm.pages = JSON.parse(result.data.filmData).pageList
vm.filmId = result.filmId
})
} else {
if (getQuery('isPreview')) {
} else {
// vm.getDefaulted();
}
}
},
data () {
return {
date: '',
img: '',
currentIndex: '',
isEditMode: true,
cancelEdit: false,
sliderActiveIndex: 0
}
}
}
</script>
<style lang="scss" scoped>
.glob-container {
// background-color: red;
// filter: url("#goo");
}
</style>
<style>
.swiper-slide {
/* width: 100% !important; */
}
</style>
src/templates/eqix/itemList/eqixone.js 0 → 100644
export default [{
type: 'text',
name: '类型1',
description: '类型1',
dataKey: 'eqixonehead1',
valueRule: ''
},
{
type: 'text',
name: '类型2',
description: '类型2',
dataKey: 'eqixonehead2',
valueRule: ''
},
{
type: 'text',
name: '类型3',
description: '类型3',
dataKey: 'eqixonehead3',
valueRule: ''
},
{
type: 'text',
name: '类型4',
description: '类型4',
dataKey: 'eqixonehead4',
valueRule: ''
},
{
type: 'text',
name: '类型5',
description: '类型5',
dataKey: 'eqixonehead5',
valueRule: ''
},
{
type: 'text',
name: '类型6',
description: '标题一',
dataKey: 'eqixonehead6',
valueRule: ''
},
{
type: 'text',
name: '类型7',
description: '标题二',
dataKey: 'eqixonehead7',
valueRule: ''
},
{
type: 'text',
name: '类型8',
description: '内容一',
dataKey: 'eqixonehead8',
valueRule: ''
},
{
type: 'text',
name: '类型9',
description: '内容二',
dataKey: 'eqixonehead9',
valueRule: ''
},
{
type: 'text',
name: '类型10',
description: '标签一',
dataKey: 'eqixonehead10',
valueRule: ''
},
{
type: 'text',
name: '类型11',
description: '标签二',
dataKey: 'eqixonehead11',
valueRule: ''
}
]
\ No newline at end of file
src/templates/eqix/itemList/eqixone11.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone11head',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone11head2',
valueRule: ''
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone11img',
valueRule: ''
},
{
type: 'image',
name: '图片二',
description: '图片二',
dataKey: 'eqixone11img2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
description: '标题二',
dataKey: 'eqixone11head3',
valueRule: ''
},
{
type: 'text',
name: '标题三',
description: '标题三',
dataKey: 'eqixone11head4',
valueRule: ''
},
{
type: 'text',
name: '标题四',
description: '标题四',
dataKey: 'eqixone11head5',
valueRule: ''
},
{
type: 'text',
name: '标题五',
description: '标题五',
dataKey: 'eqixone11head6',
valueRule: ''
},
{
type: 'text',
name: '标题六',
description: '标题六',
dataKey: 'eqixone11head7',
valueRule: ''
},
{
type: 'text',
name: '标题七',
description: '标题七',
dataKey: 'eqixone11head8',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone11head9',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone11head10',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone2.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone2head',
valueRule: ''
},
{
type: 'text',
name: '内容一',
description: '内容一',
dataKey: 'eqixone2head2',
valueRule: ''
},
{
type: 'text',
name: '内容二',
valueRule: '',
description: '内容二',
dataKey: 'eqixone2head3'
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone2img',
valueRule: ''
},
{
type: 'text',
name: '标签一',
valueRule: '',
description: '标签一',
dataKey: 'eqixone2head4'
},
{
type: 'text',
name: '标签二',
valueRule: '',
description: '标签二',
dataKey: 'eqixone2head5'
}
]
src/templates/eqix/itemList/eqixone3.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone3head',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone3head2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
valueRule: '',
description: '标题二',
dataKey: 'eqixone3head3'
},
{
type: 'text',
name: '标题三',
description: '标题三',
dataKey: 'eqixone3head4',
valueRule: ''
},
{
type: 'text',
name: '标题四',
description: '标题四',
dataKey: 'eqixone3head5',
valueRule: ''
},
{
type: 'text',
name: '标题五',
description: '标题五',
dataKey: 'eqixone3head6',
valueRule: ''
},
{
type: 'text',
name: '内容一',
description: '内容一',
dataKey: 'eqixone3text1',
valueRule: ''
},
{
type: 'text',
name: '内容二',
description: '内容二',
dataKey: 'eqixone3text2',
valueRule: ''
},
{
type: 'text',
name: '内容三',
description: '内容三',
dataKey: 'eqixone3text3',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone3head7',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '内容三',
dataKey: 'eqixone3head8',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone4.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone4head',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone4head2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
valueRule: '',
description: '标题二',
dataKey: 'eqixone4head3'
},
{
type: 'text',
name: '内容一',
description: '内容一',
dataKey: 'eqixone4text1',
valueRule: ''
},
{
type: 'text',
name: '内容二',
description: '内容二',
dataKey: 'eqixone4text2',
valueRule: ''
},
{
type: 'text',
name: '标题三',
description: '标题三',
dataKey: 'eqixone4head4',
valueRule: ''
},
{
type: 'text',
name: '标题四',
description: '标题四',
dataKey: 'eqixone4head5',
valueRule: ''
},
{
type: 'text',
name: '标题五',
description: '标题五',
dataKey: 'eqixone4head6',
valueRule: ''
},
{
type: 'text',
name: '标题六',
description: '标题六',
dataKey: 'eqixone4head7',
valueRule: ''
},
{
type: 'text',
name: '内容三',
description: '内容三',
dataKey: 'eqixone4text3',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone4head8',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone4head9',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone5.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone5head',
valueRule: ''
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone5img',
valueRule: ''
},
{
type: 'image',
name: '图片二',
description: '图片二',
dataKey: 'eqixone5img2',
valueRule: ''
},
{
type: 'image',
name: '图片三',
description: '图片三',
dataKey: 'eqixone5img3',
valueRule: ''
},
{
type: 'image',
name: '图片四',
description: '图片四',
dataKey: 'eqixone5img4',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone5head2',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone5head3',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone6.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone6head',
valueRule: ''
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone6img',
valueRule: ''
},
{
type: 'image',
name: '图片二',
description: '图片二',
dataKey: 'eqixone6img2',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone6head2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
description: '标题二',
dataKey: 'eqixone6head3',
valueRule: ''
},
{
type: 'text',
name: '内容一',
description: '内容一',
dataKey: 'eqixone5text',
valueRule: ''
},
{
type: 'text',
name: '内容二',
description: '内容二',
dataKey: 'eqixone5text2',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone6head4',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone6head5',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone7.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone7head',
valueRule: ''
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone7img',
valueRule: ''
},
{
type: 'image',
name: '图片二',
description: '图片二',
dataKey: 'eqixone7img2',
valueRule: ''
},
{
type: 'image',
name: '图片三',
description: '图片三',
dataKey: 'eqixone7img3',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone7head2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
description: '标题二',
dataKey: 'eqixone7head3',
valueRule: ''
},
{
type: 'text',
name: '标题三',
description: '标题三',
dataKey: 'eqixone7head4',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone7head5',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone7head6',
valueRule: ''
}
]
src/templates/eqix/itemList/eqixone8.js 0 → 100644
export default [
{
type: 'text',
name: '头部',
description: '大标题',
dataKey: 'eqixone8head',
valueRule: ''
},
{
type: 'image',
name: '图片一',
description: '图片一',
dataKey: 'eqixone8img',
valueRule: ''
},
{
type: 'image',
name: '图片二',
description: '图片二',
dataKey: 'eqixone8img2',
valueRule: ''
},
{
type: 'image',
name: '图片三',
description: '图片三',
dataKey: 'eqixone8img3',
valueRule: ''
},
{
type: 'text',
name: '标题一',
description: '标题一',
dataKey: 'eqixone8head2',
valueRule: ''
},
{
type: 'text',
name: '标题二',
description: '标题二',
dataKey: 'eqixone8head3',
valueRule: ''
},
{
type: 'text',
name: '标题三',
description: '标题三',
dataKey: 'eqixone8head4',
valueRule: ''
},
{
type: 'text',
name: '简介一',
description: '简介一',
dataKey: 'eqixone8introduce',
valueRule: ''
},
{
type: 'text',
name: '简介二',
description: '简介二',
dataKey: 'eqixone8introduce2',
valueRule: ''
},
{
type: 'text',
name: '简介三',
description: '简介三',
dataKey: 'eqixone8introduce3',
valueRule: ''
},
{
type: 'text',
name: '价格一',
description: '价格一',
dataKey: 'eqixone8price',
valueRule: ''
},
{
type: 'text',
name: '价格二',
description: '价格二',
dataKey: 'eqixone8price2',
valueRule: ''
},
{
type: 'text',
name: '价格三',
description: '价格三',
dataKey: 'eqixone8price3',
valueRule: ''
},
{
type: 'text',
name: '标签一',
description: '标签一',
dataKey: 'eqixone8head5',
valueRule: ''
},
{
type: 'text',
name: '标签二',
description: '标签二',
dataKey: 'eqixone8head6',
valueRule: ''
}
]
src/templates/eqix/itemList/index.js 0 → 100644
import eqixone from './eqixone'
import eqixone2 from './eqixone2'
import eqixone3 from './eqixone3'
import eqixone4 from './eqixone4'
import eqixone5 from './eqixone5'
import eqixone6 from './eqixone6'
import eqixone7 from './eqixone7'
import eqixone8 from './eqixone8'
import eqixone11 from './eqixone11'
import schedule from './schedule'
export default {
eqixone,
eqixone2,
eqixone3,
eqixone4,
eqixone5,
eqixone6,
eqixone7,
eqixone8,
eqixone11,
schedule
}
src/templates/eqix/itemList/schedule.js 0 → 100644
export default [
{
type: 'image',
name: '企业logo',
description: '请上传png格式企业logo',
dataKey: 'companyLogo',
valueRule: ''
},
{
type: 'text',
name: '企业名称',
description: '',
valueRule: '',
dataKey: 'companyName'
},
{
type: 'list',
name: '日程列表',
modelSchema: [ // 创建子项的Schema列表
{
content: {
type: 'text',
name: '内容', // 字段名称
description: '请输入内容' // 用户填写时字段提示语
},
address: {
type: 'text',
name: '地点', // 字段名称
description: '请输入地点', // 用户填写时字段提示语
default: { // 默认
value: '会议室'
}
},
department: {
type: 'text',
name: '部门', // 字段名称
description: '请输入部门', // 用户填写时字段提示语
default: { // 默认
value: '总裁办'
}
},
time: {
type: 'text',
name: '时间', // 字段名称
description: '请输入时间', // 用户填写时字段提示语
default: { // 默认
value: '09:30 AM - 10:00 AM'
}
}
}
],
dataKey: 'scheduleList'
}
]
src/templates/eqix/keyframe.js 0 → 100644
export function enter (callback) {
var countEnterTime = 0
var promiseAll = []
this.keyframes.map(item => {
var currentTime = item.enter.options.duration + item.enter.options.delay
countEnterTime =
countEnterTime < currentTime ? currentTime : countEnterTime
item.enterBefore &&
$.Velocity($(item.el), item.enterBefore.style, item.enterBefore.options)
if (!item.enter.options.loop) {
promiseAll.push(
$.Velocity($(item.el), item.enter.style, item.enter.options)
)
} else {
$.Velocity($(item.el), item.enter.style, item.enter.options)
}
})
// callback && callback(countEnterTime)
this.enterAfter()
return Promise.all(promiseAll)
}
export function leave (callback) {
var promiseAll = []
this.keyframes.map(item => {
item.leave && promiseAll.push($.Velocity($(item.el), 'reverse', {
duration: 1500
}))
})
return Promise.all(promiseAll)
}
src/templates/eqix/methods.js 0 → 100644
export default {
created () {
// console.log(this.schemaData)
window.addEventListener(
'message',
(e) => {
if (e.source != window.parent) return
if (typeof e.data === 'object' && e.data['type'] === 'editPage') {
if (this.page === e.data['page']) {
this.currentIndex = e.data['index']
}
}
},
false
)
},
watch: {
cancelEdit (value) {
console.log('cancels')
if (value === true) {
this.currentIndex = ''
this.$emit('update:cancelEdit', false)
}
}
},
methods: {
message (data) {
parent.postMessage(data, '*')
},
edit (index) {
if (getQuery('isEdit')) {
this.currentIndex = index
var item = this.list[index]
console.log(this.currentIndex)
this.message(
{
type: 'edit',
item,
index,
page: this.page
},
'*'
)
}
},
getList () {
this.message(
{
type: 'getList',
list: this.list
},
'*'
)
},
getValue (dataKey) {
return this.schemaData[dataKey] ? this.schemaData[dataKey]['value'] : ''
},
getStyle (index) {
return this.list[index] ? this.list[index]['style'] : ''
},
isEdited (index) {
return this.isEditMode && this.currentIndex === index ? 'isEdited' : ''
},
isEdit (index) {
return this.isEditMode ? 'isEdit' : ''
},
isAnimeted (index) {
return this.isEditMode ? '' : 'animated'
},
timeFormate (timeStamp) {
let dateString = ''
let year = new Date(timeStamp).getFullYear()
let month =
new Date(timeStamp).getMonth() + 1 < 10
? '0' + (new Date(timeStamp).getMonth() + 1)
: new Date(timeStamp).getMonth() + 1
let date =
new Date(timeStamp).getDate() < 10
? '0' + new Date(timeStamp).getDate()
: new Date(timeStamp).getDate()
let hh =
new Date(timeStamp).getHours() < 10
? '0' + new Date(timeStamp).getHours()
: new Date(timeStamp).getHours()
let mm =
new Date(timeStamp).getMinutes() < 10
? '0' + new Date(timeStamp).getMinutes()
: new Date(timeStamp).getMinutes()
// let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
// return year + "年" + month + "月" + date +"日"+" "+hh+":"+mm + "" + " " + hh + ":" + mm; ;
dateString = year + '.' + month + '.' + date
return dateString
// console.log(this.nowTime);
}
}
}
src/templates/eqix/mixin.js 0 → 100644
import data from './schemaData.js'
import editMethod from './editMethod.js'
import requireIcons from '@/icons/requireIcons'
console.log(JSON.stringify(data))
export default {
data: function () {
return {
pages: data.pageList,
sceneData: data.sceneData
}
},
methods: {
callback () {
console.log('callback')
},
getDefaulted () {
this.pages = this.pages.map(function (item) {
item.list.map(ele => {
return (ele = Object.assign(ele, ele.default))
})
return item
// (item = Object.assign(item, item.default));
})
},
getAllData () {
this.message(
{
type: 'getList',
pages: this.pages
},
'*'
)
},
setAllData (data) {
this.pages = data.pages
},
...editMethod
},
mounted () {
function setZoom () {
var unit = 1920
var unit2 = 1080
var width = window.innerWidth
var height = window.innerHeight
var zoom = height / 1920
if (width / height <= 9 / 16) {
zoom = width / 1080
}
if (width / height >= 9 / 16) {
zoom = height / 1920
}
var container = document.querySelectorAll('.container')
for (let index = 0; index < container.length; index++) {
// container[index].style.transform = `scale(${zoom})`;
}
// console.log(zoom);
document.querySelector(
'.swiper-container'
).style.transform = `scale(${zoom})`
}
setZoom()
addEventListener('resize', setZoom, false)
},
created: function () {
console.log('我是mixin 的crteated')
}
}
src/templates/eqix/pages/index.js 0 → 100644
const req = require.context('', false, /\.vue$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
const pages = requireAll(req)
const re = /\.\/(.*)\.vue/
// console.log(req.keys(), 'requireContext')
const pagesObj = {}
pages.map((item, index) => {
// console.log(req.keys()[index].match(re)[1])
pagesObj[req.keys()[index].match(re)[1]] = item.default
return item
})
export default pagesObj
src/templates/eqix/sceneData.js 0 → 100644
export default {
schemaData: {},
itemList: []
}
src/templates/eqix/schemaData.js 0 → 100644
import defaultData from './defaultData'
import itemList from './itemList'
import templateInfo from './templateInfo'
export default {
templateInfo,
// defaultData,
pageList: [
{
name: '易企秀1',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailone.jpg',
component: 'eqixone',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone,
itemList: itemList.eqixone
},
{
name: '易企秀2',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone2',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone2,
itemList: itemList.eqixone2
},
{
name: '易企秀3',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone3',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone3,
itemList: itemList.eqixone3
},
{
name: '易企秀4',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone4',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone4,
itemList: itemList.eqixone4
},
{
name: '易企秀5',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone5',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone5,
itemList: itemList.eqixone5
},
{
name: '易企秀6',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone6',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone6,
itemList: itemList.eqixone6
},
{
name: '易企秀7',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone7',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone7,
itemList: itemList.eqixone7
},
{
name: '易企秀8',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone8',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone8,
itemList: itemList.eqixone8
},
{
name: '易企秀11',
thumb: 'http://visual-clouds.oss-cn-beijing.aliyuncs.com/resource/retail/retailtwo.jpg',
component: 'eqixone11',
defaultData: defaultData.retail,
schemaData: defaultData.eqixone11,
itemList: itemList.eqixone11
}
]
}
src/templates/eqix/style/eqixone.scss 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/templates/eqix/templateInfo.js 0 → 100644
export default {
name: '企业文化模板'
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment