udxcms 1.0.8 → 1.0.10

package/dist/components/cmsComponents/academy/CmsItem.vue

@@ -1,128 +0,0 @@
-<!--
- * @Descripttion:
- * @version:
- * @Author:
- * @Date: 2021-08-10 20:27:27
- * @LastEditors: Lewis
- * @LastEditTime: 2021-09-28 09:57:03
--->
-<template>
-    <div class='cms-grid' :style='{background: bgColor}'>
-        <div :class="['grid-title', img_p]">{{content.title}}</div>
-        <div :class="['grid-img', img_p]">
-            <img :src="content.img" alt="" />
-        </div>
-        <div class='grid-subtitle' v-html='content.subtitle'></div>
-        <div class='grid-link' :style='{color: content.linkColor}'>{{content.link}}</div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'cms-item',
-        props: {
-            content: {
-                type: Object,
-                default: function(){
-                    return {}
-                }
-            },
-            img_p: {
-                type: String,
-                default: 'right'
-            },
-            bgColor: {
-                type: String,
-                default: 'rgba(255, 255, 255, 1)'
-            }
-        },
-        data() {
-            return {
-
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .cms-grid {
-        display: grid;
-        padding: 40px 25px 0;
-        justify-content: center;
-        grid-template-columns: repeat(1, 1fr);
-        .grid-img img{
-            width: 100%;
-            height: auto;
-        }
-        .grid-title {
-            font-size: 32px;
-            font-family: FontSemiBold;
-            text-align: left;
-            color: var(--text-color-four);
-            line-height: 36px;
-            margin-bottom: 32px;
-        }
-        .grid-subtitle {
-            margin-top: 32px;
-            font-size: 16px;
-            font-family: Font;
-
-            text-align: left;
-            color: var(--text-color-four);
-            line-height: 25px;
-            /deep/ p {
-                line-height: 25px;
-                &:not(:last-child) {
-                    margin-bottom: 32px;
-                }
-            }
-        }
-        .grid-link {
-            margin-top: 16px;
-            font-size: 16px;
-            font-family: FontBold;
-            text-align: left;
-            color: var(--text-color-four);
-            line-height: 25px;
-        }
-    }
-    @media screen and (min-width: 900px) {
-        .cms-grid {
-            padding: 50px 0 0;
-            grid-template-columns: 40.63rem 40.63rem;
-            grid-template-rows: max-content max-content;
-            column-gap: 5rem;
-            grid-auto-flow: column dense;
-            .grid-img.right {
-                grid-row-start: span 3;
-            }
-            .grid-img.left {
-                grid-column-start:  1;
-                grid-row-start: span 3;
-            }
-            .grid-title.left {
-                grid-column-start:  2;
-            }
-            .grid-title {
-                // font-size: 2.38rem;
-                // line-height: 3rem;
-                margin: 1.75rem 0;
-            }
-            .grid-subtitle {
-                // font-size: 1rem;
-                // line-height: 1.56rem;
-                /deep/ p {
-                    // line-height: 1.56rem;
-                    &:not(:last-child) {
-                        margin-bottom: 2rem;
-                    }
-                }
-            }
-            .grid-link {
-                margin-top: 1.75rem;
-                // font-size: 1rem;
-                // line-height: 1.56rem;
-            }
-        }
-    }
-</style>

package/dist/components/cmsComponents/academy/categeItemThree.vue

@@ -1,137 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 
- * @Date: 2021-08-16 17:24:45
- * @LastEditors: Lewis
- * @LastEditTime: 2021-08-16 23:46:28
--->
-<template>
-    <div class='categeItem'>
-        <div class='cms-grid'>
-            <div :class="['grid-title', img_p]">{{content.title}}</div>
-            <div :class="['grid-img', img_p]">
-                <img :src="content.img" alt="" />
-            </div>
-            <div class='grid-subtitle' v-html='content.subtitle'></div>
-            <div class='grid-link' :style='{color: content.linkColor}'>{{content.link}}</div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'categeItemThree',
-        props: {
-            contentStr: {
-                type: String,
-                default: ''
-            },
-            content: {
-                type: Object,
-                default: function(){
-                    return {}
-                }
-            },
-            img_p: {
-                type: String,
-                default: 'right'
-            },
-            bgColor: {
-                type: String,
-                default: 'rgba(250,250,250,1)'
-            }
-        },
-        data() {
-            return {
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .cms-grid {
-        display: grid;
-        justify-content: center;
-        grid-template-columns: repeat(1, 1fr);
-        .grid-img {
-            grid-row-start: -1;
-        }
-        .grid-img img{
-            width: 100%;
-            height: auto;
-        }
-        .grid-title {
-            margin:20px 0 12px;
-            font-size: 24px;
-            font-family: FontMedium;
-            text-align: center;
-            color: rgba(29,29,31,1);
-            line-height: 32px;
-        }
-        .grid-subtitle {
-            display: none;
-        }
-        .grid-link {
-            margin-top: 0px;
-            margin-bottom: 32px;
-            font-size: 16px;
-            font-family: FontMedium;
-            text-align: center;
-            color: rgba(22,82,240,1);
-            line-height: 25px;
-        }
-        .grid-link::after {
-            display: inline-block;
-            content: '>';
-            line-height: 25px;
-            font-size: 16px;
-            margin-left: .5em;
-            vertical-align: 4px;
-            color: rgba(22,82,240,1);
-        }
-    }
-    @media screen and (min-width: 900px) {
-        .cms-grid {
-            .grid-title {
-                font-size: 2rem;
-                line-height: 2.625rem;
-                margin-top: 1.375rem;
-                margin-bottom: .75rem;
-                font-family: FontMedium;
-                color: rgba(29,29,31,1);
-            }
-            .grid-subtitle {
-                display: none;
-            }
-            .grid-img {
-                grid-row-start: -1;
-                text-align: center;
-            }
-            .grid-img img{
-                height: 11rem;
-                width: auto;
-                max-width: 100%;
-                margin-top: 0;
-            }
-            .grid-link {
-                margin-top: 0px;
-                margin-bottom: 0;
-                font-size: 1rem;
-                line-height: 1.56rem;
-                color: rgba(22,82,240,1);
-                text-align: center;
-                font-family: Font;
-                padding-bottom: 3.25rem;
-            }
-            .grid-link::after {
-                display: inline-block;
-                content: '>';
-                line-height: 1.56rem;
-                font-size: 1rem;
-                margin-left: .5em;
-                vertical-align: .1rem;
-            }
-        }
-    }
-</style>

package/dist/components/cmsComponents/academy/categeItemTwo.vue

@@ -1,161 +0,0 @@
-<!--
- * @Descripttion: 
- * @version: 
- * @Author: 
- * @Date: 2021-08-16 17:24:45
- * @LastEditors: Lewis
- * @LastEditTime: 2021-08-18 17:36:04
--->
-<template>
-    <div class='categeItem'>
-        <div class='cms-grid' :style='{background: bgColor}'>
-            <div :class="['grid-title', img_p]">{{content.title}}</div>
-            <div :class="['grid-img', img_p]">
-                <img :src="content.img" alt="" />
-            </div>
-            <div class='grid-subtitle' v-html='content.subtitle'></div>
-            <div class='grid-link' :style='{color: content.linkColor}'>{{content.link}}</div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'categeItem_two',
-        props: {
-            contentStr: {
-                type: String,
-                default: ''
-            },
-            content: {
-                type: Object,
-                default: function(){
-                    return {}
-                }
-            },
-            img_p: {
-                type: String,
-                default: 'right'
-            },
-            bgColor: {
-                type: String,
-                default: 'rgba(250,250,250,1)'
-            }
-        },
-        data() {
-            return {
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .categeItem {
-        margin-top: 20px;
-    }
-    .cms-grid {
-        display: grid;
-        padding: 48px 18px;
-        justify-content: center;
-        grid-template-columns: repeat(1, 1fr);
-        .grid-img {
-            grid-row-start: 4;
-        }
-        .grid-img img{
-            width: 100%;
-            height: auto;
-            margin-top: 48px;
-        }
-        .grid-title {
-            font-size: 32px;
-            font-family: FontSemiBold;
-            text-align: center;
-            color: rgba(29,29,31,1);
-            line-height: 36px;
-            margin-bottom: 12px;
-        }
-        .grid-subtitle {
-            font-size: 16px;
-            font-family: Font;
-            
-            text-align: center;
-            color: rgba(29,29,31,1);
-            line-height: 25px;
-            /deep/ p {
-                line-height: 25px;
-                &:not(:last-child) {
-                    margin-bottom: 32px;
-                }
-            }
-        }
-        .grid-link {
-            margin-top: 20px;
-            font-size: 16px;
-            font-family: FontMedium;
-            text-align: center;
-            color: rgba(22,82,240,1);
-            line-height: 25px;
-        }
-        .grid-link::after {
-            display: inline-block;
-            content: '>';
-            line-height: 25px;
-            font-size: 16px;
-            margin-left: .5em;
-            vertical-align: 4px;
-            color: rgba(22,82,240,1);
-        }
-    }
-    @media screen and (min-width: 900px) {
-        .cms-grid {
-            margin-top: 50px;
-            grid-template-columns: 40.63rem 40.63rem;
-            grid-template-rows: max-content max-content;
-            column-gap: 5rem;
-            grid-auto-flow: column dense;
-            .grid-img img{
-                margin-top: 0;
-            }
-            .grid-img.right {
-                grid-row-start: span 3; 
-            }
-            .grid-img.left {
-                grid-column-start:  1; 
-                grid-row-start: span 3; 
-            }
-            .grid-title.left {
-                grid-column-start:  2; 
-            }
-            .grid-title {
-                font-size: 2.375rem;
-                line-height: 3rem;
-                margin-top: 5rem;
-                margin-bottom: 0;
-            }
-            .grid-subtitle {
-                font-size: 1rem;
-                line-height: 1.5rem;
-                margin: 1.5rem auto 0;
-                width: 32.75rem;
-                /deep/ p {
-                    line-height: 1.5rem;
-                }
-            }
-            .grid-link {
-                margin-top: 1.5rem;
-                font-size: 1rem;
-                line-height: 1.56rem;
-                color: rgba(22,82,240,1);
-                text-align: center;
-            }
-            .grid-link::after {
-                display: inline-block;
-                content: '>';
-                line-height: 1.56rem;
-                font-size: 1rem;
-                margin-left: .5em;
-                vertical-align: .1rem;
-            }
-        }
-    }
-</style>