修改自定义页面
夜笙歌
2 days ago
parent
162d6f2483
commit
ca1dc7b82d
@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="list">
|
||||
<template v-for="(i,k) in data.list">
|
||||
<div class="item">
|
||||
<i class="del el-icon-circle-close" @click="data.list.splice(k, 1);"></i>
|
||||
<UploadEl :data="i"/>
|
||||
</div>
|
||||
<br class="br" v-if="(k+1)%3===0"/>
|
||||
</template>
|
||||
<div class="item">
|
||||
<div style="width:100%;height:100%;"
|
||||
@click="data.list.push({title:'请输入',value:'请输入'})">
|
||||
<i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 16.7vw"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
export default {
|
||||
name: 'EditEl10',
|
||||
props: ['data'],
|
||||
components: {UploadEl},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
edit1(key, index, e) {
|
||||
this.$props.data.list[index][key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin: 3.9vw auto 0;
|
||||
padding-bottom: 5.3vw;
|
||||
width: 60vw;
|
||||
//display: flex;
|
||||
//justify-content: space-between;
|
||||
//align-items: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.br {
|
||||
display: block;
|
||||
content: '';
|
||||
flex-basis: 100%;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
//height: 16.7vw;
|
||||
margin: 0 0.5vw;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
|
||||
.del {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,2 @@
|
||||
<template></template>
|
||||
<script></script>
|
||||
@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="image">
|
||||
<UploadEl :data="{icon:data.img}"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
export default {
|
||||
name: 'EditEl5',
|
||||
props: ['data'],
|
||||
components: {UploadEl},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 65vw;
|
||||
height: 33.3vw;
|
||||
display: inline-block;
|
||||
margin: 4vw 0 6vw 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,80 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="pageInfo" contenteditable="true" @blur="edit('info', $event)">{{ data.info }}</div>
|
||||
<div class="image">
|
||||
<UploadEl :data="{icon:data.img}"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
let map = null
|
||||
export default {
|
||||
name: 'PlatformArchitecture',
|
||||
components: {
|
||||
UploadEl,
|
||||
},
|
||||
props: ['data'],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 65vw;
|
||||
height: 33.3vw;
|
||||
display: inline-block;
|
||||
margin: 4vw 0 6vw 0;
|
||||
}
|
||||
|
||||
.pageInfo {
|
||||
width: 63vw;
|
||||
margin-top: 0.9vw;
|
||||
display: inline-block;
|
||||
color: #6666;
|
||||
font-size: 1.2vw;
|
||||
line-height: 2.2vw;
|
||||
letter-spacing: 2.8px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item" v-for="(i,k) in data.list">
|
||||
<i class="del el-icon-circle-close" @click="data.list.splice(k, 1);"></i>
|
||||
<div class="icon">
|
||||
<UploadEl :data="i"/>
|
||||
</div>
|
||||
<div class="itemTitle" contenteditable="true" @blur="edit1('title', k,$event)">{{ i.title }}</div>
|
||||
<div class="itemInfo" contenteditable="true" @blur="edit1('info', k,$event)">{{ i.value }}</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div style="width:100%;height:100%;" @click="data.list.push({title:'请输入',value:'请输入'})">
|
||||
<i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 13.3vw"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
export default {
|
||||
name: 'PlatformFeatures',
|
||||
props: ['data'],
|
||||
components: {UploadEl},
|
||||
computed: {},
|
||||
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
edit1(key, index, e) {
|
||||
this.$props.data.list[index][key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.list {
|
||||
width: 65vw;
|
||||
display: inline-block;
|
||||
margin-top: 3.8vw;
|
||||
margin-bottom: 2.8vw;
|
||||
box-shadow: 0 0 3px #0002;
|
||||
|
||||
|
||||
.del {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: calc(100% / 3 - 2px);
|
||||
height: 13.3vw;
|
||||
border: 1px solid #3332;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover {
|
||||
background-color: @standard-color;
|
||||
|
||||
.itemTitle {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.itemInfo {
|
||||
color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 2.3vw;
|
||||
height: 2.3vw;
|
||||
position: absolute;
|
||||
top: 22%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.itemTitle {
|
||||
top: 42%;
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 1.1vw;
|
||||
letter-spacing: 1px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.itemInfo {
|
||||
top: 52.2%;
|
||||
left: 9.6%;
|
||||
position: absolute;
|
||||
font-size: 0.8vw;
|
||||
line-height: 1.5vw;
|
||||
color: #666;
|
||||
letter-spacing: 2.5px;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,253 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="tabs">
|
||||
<el-tabs v-model="activeName" :editable="true" @edit="tabEdit">
|
||||
<el-tab-pane :name="`${k}`" v-for="(i,k) in data.list">
|
||||
<template slot="label">
|
||||
<span contenteditable="true" @blur="edit1('title', k,$event)">
|
||||
{{ i.title }}
|
||||
</span>
|
||||
</template>
|
||||
<transition name="fade">
|
||||
<div v-if="activeName === `${k}`" style="position:relative;">
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<div class="itemTitle" contenteditable="true" @blur="edit1('leftTitle', k,$event)">
|
||||
{{ i.leftTitle }}
|
||||
</div>
|
||||
<div class="itemCode" contenteditable="true" @blur="edit1('leftInfo', k,$event)">
|
||||
{{ i.leftInfo }}
|
||||
</div>
|
||||
<div class="image">
|
||||
<UploadEl :data="i"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="infos" v-for="(ii,kk) in i.infos">
|
||||
<i class="del el-icon-circle-close" @click="data.list[k].infos.splice(k, 1);"></i>
|
||||
<div class="infoTitle" contenteditable="true" @blur="edit2('title', k,kk,$event)">
|
||||
{{ ii.title }}
|
||||
</div>
|
||||
<div class="infoNum" contenteditable="true" @blur="edit2('info', k,kk,$event)">
|
||||
{{ ii.info }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="infos" style="text-align: center" v-if="i.infos.length < 7">
|
||||
<div style="width:100%;height:100%;"
|
||||
@click="data.list[k].infos.push({title:'请输入',info:'请输入'})">
|
||||
<i class="el-icon-circle-plus" style="font-size: 1vw; line-height: 2.9vw"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
export default {
|
||||
name: 'EditEl8',
|
||||
props: ['data'],
|
||||
components: {
|
||||
UploadEl,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: '0'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
tabEdit(e, action) {
|
||||
if (action === 'remove') {
|
||||
this.activeName = '0'
|
||||
this.$props.data.list.splice(parseFloat(e), 1);
|
||||
}
|
||||
if (action === 'add') {
|
||||
this.$props.data.list.push({title: '请输入', leftTitle: '请输入', leftInfo: '请输入', infos: []})
|
||||
}
|
||||
},
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
edit1(key, index, e) {
|
||||
this.$props.data.list[index][key] = e.target.innerText
|
||||
},
|
||||
edit2(key, index, index2, e) {
|
||||
this.$props.data.list[index][index2][key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
text-align: left;
|
||||
margin-top: 2.3vw;
|
||||
|
||||
/deep/ .el-tabs__header {
|
||||
margin: 0 20vw 15px;
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__content {
|
||||
padding: 0 20vw;
|
||||
background-color: fade(@standard-color, 10);
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__nav-wrap::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__item {
|
||||
letter-spacing: 3px;
|
||||
padding: 0 2vw;
|
||||
height: 2.9vw;
|
||||
font-size: 1.6vw;
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__item {
|
||||
line-height: 2.9vw;
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__item.is-active {
|
||||
font-weight: 600;
|
||||
color: @standard-color;
|
||||
}
|
||||
|
||||
/deep/ .el-tabs__active-bar {
|
||||
height: 4px;
|
||||
background-color: @standard-color;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 2.2vw 0;
|
||||
|
||||
.left {
|
||||
width: 34%;
|
||||
height: 21.7vw;
|
||||
display: inline-block;
|
||||
box-shadow: 0 0 3px #0002;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
||||
.itemTitle {
|
||||
padding-top: 1.2vw;
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
.itemCode {
|
||||
margin-top: 0.2vw;
|
||||
font-size: 1.1vw;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 80%;
|
||||
margin-top: 1vw;
|
||||
margin-left: 10%;
|
||||
height: 15vw;
|
||||
background-color: cadetblue;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
margin-left: 1%;
|
||||
width: 65%;
|
||||
height: 21.2vw;
|
||||
display: inline-block;
|
||||
box-shadow: 0 0 5px #0002;
|
||||
background-color: #fff;
|
||||
padding-top: 0.5vw;
|
||||
|
||||
.infos {
|
||||
width: 93%;
|
||||
margin: 0 auto;
|
||||
border-bottom: 1px dashed #0003;
|
||||
position: relative;
|
||||
height: 2.9vw;
|
||||
|
||||
.del {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.infoTitle {
|
||||
position: absolute;
|
||||
width: 46%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 4%;
|
||||
text-align: left;
|
||||
font-size: 1vw;
|
||||
letter-spacing: 1px;
|
||||
color: #0009;
|
||||
line-height: 2.9vw;
|
||||
}
|
||||
|
||||
.infoNum {
|
||||
position: absolute;
|
||||
width: 46%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
right: 5%;
|
||||
text-align: right;
|
||||
font-size: 1vw;
|
||||
letter-spacing: 1.4px;
|
||||
color: #000;
|
||||
line-height: 2.9vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.fade-enter-active {
|
||||
animation: fadeInRight;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
|
||||
.fade-leave-active {
|
||||
animation: fadeOutLeft;
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,126 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="title">
|
||||
<span contenteditable="true" @blur="edit('title', $event)">
|
||||
{{ data.title }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="subTitle">
|
||||
<span contenteditable="true" @blur="edit('subTitle', $event)">
|
||||
{{ data.subTitle }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item" v-for=" i in data.list">
|
||||
<i class="del el-icon-circle-close" @click="data.list.splice(k, 1);"></i>
|
||||
<div class="image">
|
||||
<UploadEl :data="i"/>
|
||||
</div>
|
||||
<div class="info">
|
||||
<span contenteditable="true" @blur="edit1('value', k,$event)">
|
||||
{{ i.value }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div style="width:100%;height:100%;" @click="data.list.push({value:'请输入'})">
|
||||
<i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 16.7vw"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadEl from "@/components/editEl/uploadEl.vue";
|
||||
|
||||
export default {
|
||||
name: 'EditEl9',
|
||||
props: ['data'],
|
||||
components: {
|
||||
UploadEl,
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
methods: {
|
||||
edit(key, e) {
|
||||
this.$props.data[key] = e.target.innerText
|
||||
},
|
||||
edit1(key, index, e) {
|
||||
this.$props.data.list[index][key] = e.target.innerText
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "~@/style.less";
|
||||
|
||||
.title {
|
||||
padding-top: 4.2vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 2.5vw;
|
||||
letter-spacing: 4px;
|
||||
color: #0003;
|
||||
}
|
||||
|
||||
.subTitle {
|
||||
padding-top: 0.4vw;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 1.9vw;
|
||||
letter-spacing: 2px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.list {
|
||||
width: 65%;
|
||||
margin: 3vw auto 0;
|
||||
|
||||
.item {
|
||||
margin-right: 2.6%;
|
||||
width: 23%;
|
||||
height: 16vw;
|
||||
display: inline-block;
|
||||
box-shadow: 0 0 3px #0002;
|
||||
margin-bottom: 1.4vw;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
|
||||
.del {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.info {
|
||||
width: calc(100% - 2.2vw);
|
||||
height: calc(50% - 2.1vw);
|
||||
padding: 1.1vw;
|
||||
font-size: 0.85vw;
|
||||
line-height: 1.2vw;
|
||||
letter-spacing: 0.6px;
|
||||
color: #0006;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: calc(100%);
|
||||
height: calc(100%);
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(4n) {
|
||||
margin-right: 0%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue