jmash-core-mp 0.1.21 → 0.1.22

package/src/components/cms/jmash-cms-article-view.mpx

@@ -1,132 +1,132 @@
-<template>
-    <view class="article-main">
-        <block>
-            <!-- 标题 -->
-            <view class="main-top" bind:tap="handleMore">
-                <view class="top-left-title">{{ title }}</view>
-                <view class="top-right-more">
-                    <view class="more-text">更多</view>
-                    <image class="more-image" src="{{ resourceUrl + '/components/caret-right_blcak.png' }}"
-                        mode="widthFix" />
-                </view>
-            </view>
-            <!-- 文章列表 -->
-            <jmash-cms-article-item isInfo="{{ isInfo }}" organTenant="{{ organTenant }}" siteId="{{ siteId }}"
-                channelId="{{ channelId }}" channelAlias="{{ channelAlias }}" pageSize="{{ pageSize }}"
-                style="{{ style }}"></jmash-cms-article-item>
-        </block>
-    </view>
-</template>
-
-<script lang="ts">
-import mpx, { createComponent } from "@mpxjs/core";
-import { EventBase } from "../../api/types";
-
-createComponent({
-    properties: {
-        // 标题
-        title: {
-            type: String,
-            value: ""
-        },
-        // 是否更多详情
-        isInfo: {
-            type: Boolean,
-            value: false
-        },
-        // 样式
-        style: {
-            type: String,
-            value: "0",
-        },
-        // 组织租户
-        organTenant: {
-            type: String,
-            value: ""
-        },
-        // 站点ID
-        siteId: {
-            type: String,
-            value: ""
-        },
-        // 栏目ID
-        channelId: {
-            type: String,
-            value: ""
-        },
-        // 栏目别名
-        channelAlias: {
-            type: String,
-            value: ""
-        },
-        //数量
-        pageSize: {
-            type: Number,
-            value: 5
-        },
-    },
-    setup(props) {
-        let config = getApp().globalData.config;
-        // 资源路径
-        let resourceUrl = config.resourceUrl + '/images';
-        return { resourceUrl }
-    },
-    methods: {
-        // 点击更多事件
-        handleMore(e: EventBase) {
-            mpx.navigateTo({
-                url: '/jmash/pages/cms/cms-article-list?organTenant=' + this.organTenant + '&siteId=' + this.siteId + '&channelId=' + this.channelId + '&channelAlias=' + this.channelAlias,
-            });
-        }
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-.article-main {
-    background-color: #fff;
-    border-radius: 20rpx;
-    margin-top: 20rpx;
-
-    .main-top {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 30rpx 30rpx 0 30rpx;
-
-        // 标题
-        .top-left-title {
-            color: #666;
-            font-size: 24rpx;
-        }
-
-        // 更多
-        .top-right-more {
-            display: flex;
-            align-items: center;
-
-            .more-text {
-                color: #666;
-                font-size: 24rpx;
-            }
-
-            .more-image {
-                width: 20rpx;
-                height: auto;
-            }
-        }
-    }
-
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {
-        "jmash-cms-article-item": "./jmash-cms-article-item.mpx"
-    }
-}
+<template>
+    <view class="article-main">
+        <block>
+            <!-- 标题 -->
+            <view class="main-top" bind:tap="handleMore">
+                <view class="top-left-title">{{ title }}</view>
+                <view class="top-right-more">
+                    <view class="more-text">更多</view>
+                    <image class="more-image" src="{{ resourceUrl + '/components/caret-right_blcak.png' }}"
+                        mode="widthFix" />
+                </view>
+            </view>
+            <!-- 文章列表 -->
+            <jmash-cms-article-item isInfo="{{ isInfo }}" organTenant="{{ organTenant }}" siteId="{{ siteId }}"
+                channelId="{{ channelId }}" channelAlias="{{ channelAlias }}" pageSize="{{ pageSize }}"
+                style="{{ style }}"></jmash-cms-article-item>
+        </block>
+    </view>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+
+createComponent({
+    properties: {
+        // 标题
+        title: {
+            type: String,
+            value: ""
+        },
+        // 是否更多详情
+        isInfo: {
+            type: Boolean,
+            value: false
+        },
+        // 样式
+        style: {
+            type: String,
+            value: "0",
+        },
+        // 组织租户
+        organTenant: {
+            type: String,
+            value: ""
+        },
+        // 站点ID
+        siteId: {
+            type: String,
+            value: ""
+        },
+        // 栏目ID
+        channelId: {
+            type: String,
+            value: ""
+        },
+        // 栏目别名
+        channelAlias: {
+            type: String,
+            value: ""
+        },
+        //数量
+        pageSize: {
+            type: Number,
+            value: 5
+        },
+    },
+    setup(props) {
+        let config = getApp().globalData.config;
+        // 资源路径
+        let resourceUrl = config.resourceUrl + '/images';
+        return { resourceUrl }
+    },
+    methods: {
+        // 点击更多事件
+        handleMore(e: EventBase) {
+            mpx.navigateTo({
+                url: '/jmash/pages/cms/cms-article-list?organTenant=' + this.organTenant + '&siteId=' + this.siteId + '&channelId=' + this.channelId + '&channelAlias=' + this.channelAlias,
+            });
+        }
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.article-main {
+    background-color: #fff;
+    border-radius: 20rpx;
+    margin-top: 20rpx;
+
+    .main-top {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 30rpx 30rpx 0 30rpx;
+
+        // 标题
+        .top-left-title {
+            color: #666;
+            font-size: 24rpx;
+        }
+
+        // 更多
+        .top-right-more {
+            display: flex;
+            align-items: center;
+
+            .more-text {
+                color: #666;
+                font-size: 24rpx;
+            }
+
+            .more-image {
+                width: 20rpx;
+                height: auto;
+            }
+        }
+    }
+
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {
+        "jmash-cms-article-item": "./jmash-cms-article-item.mpx"
+    }
+}
 </script>

package/src/components/cms/jmash-cms-article.mpx

@@ -1,69 +1,69 @@
-<template>
-    <view class="cms_title">{{ article.infoTitle }}</view>
-    <view class="cms_box" wx:for="{{ contents }}" wx:key="*this">
-        <rich-text nodes="{{ item.infoContent }}"></rich-text>
-    </view>
-</template>
-
-<script lang="ts">
-import { createComponent, ref, toRefs, watch } from '@mpxjs/core'
-import { cmsApi } from '../../api/cms/index'
-import { CmsInfoModel, CmsInfoContentReq, CmsInfoContentModel } from '../../api/cms/types'
-
-createComponent({
-    properties: {
-        // 租户
-        tenant: {
-            type: String,
-            value: ""
-        },
-        // 站点ID
-        siteId: {
-            type: String,
-            value: ""
-        },
-        // 信息ID
-        infoId: {
-            type: String,
-            value: ""
-        }
-    },
-    setup(props) {
-        let contents = ref([{} as CmsInfoContentModel]);
-        let article = ref({} as CmsInfoModel);
-        const { infoId } = toRefs(props)
-        watch(infoId, (newVal) => {
-            cmsApi.findCmsInfoById({ infoId: newVal, tenant: props.tenant }).then(({ data }) => {
-                article.value = data;
-            })
-            cmsApi.findCmsInfoContent({ siteId: props.siteId, infoId: newVal, tenant: props.tenant } as CmsInfoContentReq).then(({ data }) => {
-                contents.value = data.results;
-                console.log(contents)
-            })
-        })
-        return {
-            article,
-            contents
-        };
-    },
-})
-</script>
-
-<style lang="scss">
-.cms_box {
-    padding: 15px 3%;
-    font-size: 28rpx;
-    line-height: 25px;
-}
-
-.cms_title {
-    text-align: center;
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+<template>
+    <view class="cms_title">{{ article.infoTitle }}</view>
+    <view class="cms_box" wx:for="{{ contents }}" wx:key="*this">
+        <rich-text nodes="{{ item.infoContent }}"></rich-text>
+    </view>
+</template>
+
+<script lang="ts">
+import { createComponent, ref, toRefs, watch } from '@mpxjs/core'
+import { cmsApi } from '../../api/cms/index'
+import { CmsInfoModel, CmsInfoContentReq, CmsInfoContentModel } from '../../api/cms/types'
+
+createComponent({
+    properties: {
+        // 租户
+        tenant: {
+            type: String,
+            value: ""
+        },
+        // 站点ID
+        siteId: {
+            type: String,
+            value: ""
+        },
+        // 信息ID
+        infoId: {
+            type: String,
+            value: ""
+        }
+    },
+    setup(props) {
+        let contents = ref([{} as CmsInfoContentModel]);
+        let article = ref({} as CmsInfoModel);
+        const { infoId } = toRefs(props)
+        watch(infoId, (newVal) => {
+            cmsApi.findCmsInfoById({ infoId: newVal, tenant: props.tenant }).then(({ data }) => {
+                article.value = data;
+            })
+            cmsApi.findCmsInfoContent({ siteId: props.siteId, infoId: newVal, tenant: props.tenant } as CmsInfoContentReq).then(({ data }) => {
+                contents.value = data.results;
+                console.log(contents)
+            })
+        })
+        return {
+            article,
+            contents
+        };
+    },
+})
+</script>
+
+<style lang="scss">
+.cms_box {
+    padding: 15px 3%;
+    font-size: 28rpx;
+    line-height: 25px;
+}
+
+.cms_title {
+    text-align: center;
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>