jmash-core-mp 0.1.21 → 0.1.22

package/src/components/cms/jmash-cms-acticle-list.mpx

@@ -1,183 +1,183 @@
-/**
-* 文章列表
-* @param style 样式 String （box:盒子列表效果 page:页面列表效果） 默认page
-* @param organTenant 租户 String
-* @param siteId 站点ID String
-* @param channelId 栏目ID String
-* @param channelAlias 栏目别名 String
-* @param pageSize 数量 String 默认值为5
-* @event info 文章详情点击事件,参数为点击的项对象 item
-*/
-<template>
-    <!-- 文章列表 -->
-    <view class="{{ 'article-list-' + style }}" wx:if="{{ articleList.length > 0 }}">
-        <view class="{{ 'article-item-' + style }}" wx:for="{{ articleList }}" wx:key="index" bind:tap="handleInfo"
-            data-item="{{ item }}">
-            <view class="article-title">{{ item.infoTitle }}</view>
-            <view class="article-text">
-                <image class="text-image" src="{{ resourceUrl + 'icon-address.png' }}" mode="widthFix" />
-                {{ item.address || item.subTitle }}
-            </view>
-            <view class="article-text">
-                <image class="text-image" src="{{ resourceUrl + 'icon-time.png' }}" mode="widthFix" />
-                {{ item.publishDate }}
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-import mpx, { createComponent, ref, onMounted } from "@mpxjs/core";
-import { EventBase } from "../../api/types";
-import { cmsApi } from '../../api/cms';
-import { CmsInfoModel } from '../../api/cms/types';
-
-createComponent({
-    properties: {
-        // 样式
-        style: {
-            type: String,
-            value: "page",
-        },
-        // 组织租户
-        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/';
-        // 文章列表
-        let articleList = ref([] as CmsInfoModel[]);
-        console.log("cms", props);
-        onMounted(() => {
-            cmsApi.findCmsInfoPage({
-                tenant: props.organTenant || config.tenant,
-                siteId: props.siteId,
-                channelId: props.channelId,
-                channelAlias: props.channelAlias,
-                curPage: 1,
-                pageSize: props.pageSize,
-            }).then(res => {
-                if (res.statusCode === 200) {
-                    articleList.value = res.data.results;
-                }
-            });
-        });
-        return { resourceUrl, articleList }
-    },
-    methods: {
-        // 点击详情事件
-        handleInfo(e: EventBase) {
-            let item = e.currentTarget.dataset.item;
-            mpx.navigateTo({
-                url: '/jmash/pages/cms/cms-article?siteId=' + this.siteId + '&infoId=' + item.infoId,
-            });
-            this.triggerEvent("info", item);
-        }
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-// 组件列表样式
-.article-list-box {
-    margin: 20rpx 0;
-    padding: 20rpx;
-    background: $background-white-color;
-    border-radius: $border-mini-radius;
-}
-
-.article-item-box {
-    display: flex;
-    flex-direction: column;
-    gap: 10rpx;
-    padding: 20rpx 0;
-    box-sizing: border-box;
-    border-bottom: 2rpx solid $border-line;
-    background: $background-white-color;
-
-    &:first-child {
-        padding-top: 0;
-    }
-
-    &:last-child {
-        border-bottom: none;
-        padding-bottom: 0;
-    }
-}
-
-// 页面列表样式
-.article-list-page {
-    padding: 0 30rpx;
-    display: flex;
-    flex-direction: column;
-    gap: 20rpx;
-}
-
-.article-item-page {
-    display: flex;
-    flex-direction: column;
-    gap: 10rpx;
-    padding: 30rpx;
-    box-sizing: border-box;
-    background: $background-white-color;
-}
-
-.article-title {
-    font-weight: 600;
-    font-size: 26rpx;
-    color: $font-color;
-    line-height: 37rpx;
-    margin-bottom: 4rpx;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.article-text {
-    display: flex;
-    align-items: center;
-    gap: 20rpx;
-    font-weight: 400;
-    font-size: $font-size-mini;
-    color: $font-color-grey;
-    line-height: 33rpx;
-
-    .text-image {
-        width: 20rpx;
-        height: 20rpx;
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "component": true,
-    "usingComponents": {}
-}
+/**
+* 文章列表
+* @param style 样式 String （box:盒子列表效果 page:页面列表效果） 默认page
+* @param organTenant 租户 String
+* @param siteId 站点ID String
+* @param channelId 栏目ID String
+* @param channelAlias 栏目别名 String
+* @param pageSize 数量 String 默认值为5
+* @event info 文章详情点击事件,参数为点击的项对象 item
+*/
+<template>
+    <!-- 文章列表 -->
+    <view class="{{ 'article-list-' + style }}" wx:if="{{ articleList.length > 0 }}">
+        <view class="{{ 'article-item-' + style }}" wx:for="{{ articleList }}" wx:key="index" bind:tap="handleInfo"
+            data-item="{{ item }}">
+            <view class="article-title">{{ item.infoTitle }}</view>
+            <view class="article-text">
+                <image class="text-image" src="{{ resourceUrl + 'icon-address.png' }}" mode="widthFix" />
+                {{ item.address || item.subTitle }}
+            </view>
+            <view class="article-text">
+                <image class="text-image" src="{{ resourceUrl + 'icon-time.png' }}" mode="widthFix" />
+                {{ item.publishDate }}
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+import mpx, { createComponent, ref, onMounted } from "@mpxjs/core";
+import { EventBase } from "../../api/types";
+import { cmsApi } from '../../api/cms';
+import { CmsInfoModel } from '../../api/cms/types';
+
+createComponent({
+    properties: {
+        // 样式
+        style: {
+            type: String,
+            value: "page",
+        },
+        // 组织租户
+        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/';
+        // 文章列表
+        let articleList = ref([] as CmsInfoModel[]);
+        console.log("cms", props);
+        onMounted(() => {
+            cmsApi.findCmsInfoPage({
+                tenant: props.organTenant || config.tenant,
+                siteId: props.siteId,
+                channelId: props.channelId,
+                channelAlias: props.channelAlias,
+                curPage: 1,
+                pageSize: props.pageSize,
+            }).then(res => {
+                if (res.statusCode === 200) {
+                    articleList.value = res.data.results;
+                }
+            });
+        });
+        return { resourceUrl, articleList }
+    },
+    methods: {
+        // 点击详情事件
+        handleInfo(e: EventBase) {
+            let item = e.currentTarget.dataset.item;
+            mpx.navigateTo({
+                url: '/jmash/pages/cms/cms-article?siteId=' + this.siteId + '&infoId=' + item.infoId,
+            });
+            this.triggerEvent("info", item);
+        }
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+// 组件列表样式
+.article-list-box {
+    margin: 20rpx 0;
+    padding: 20rpx;
+    background: $background-white-color;
+    border-radius: $border-mini-radius;
+}
+
+.article-item-box {
+    display: flex;
+    flex-direction: column;
+    gap: 10rpx;
+    padding: 20rpx 0;
+    box-sizing: border-box;
+    border-bottom: 2rpx solid $border-line;
+    background: $background-white-color;
+
+    &:first-child {
+        padding-top: 0;
+    }
+
+    &:last-child {
+        border-bottom: none;
+        padding-bottom: 0;
+    }
+}
+
+// 页面列表样式
+.article-list-page {
+    padding: 0 30rpx;
+    display: flex;
+    flex-direction: column;
+    gap: 20rpx;
+}
+
+.article-item-page {
+    display: flex;
+    flex-direction: column;
+    gap: 10rpx;
+    padding: 30rpx;
+    box-sizing: border-box;
+    background: $background-white-color;
+}
+
+.article-title {
+    font-weight: 600;
+    font-size: 26rpx;
+    color: $font-color;
+    line-height: 37rpx;
+    margin-bottom: 4rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.article-text {
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+    font-weight: 400;
+    font-size: $font-size-mini;
+    color: $font-color-grey;
+    line-height: 33rpx;
+
+    .text-image {
+        width: 20rpx;
+        height: 20rpx;
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "component": true,
+    "usingComponents": {}
+}
 </script>