jmash-core-mp 0.1.21 → 0.1.22

package/src/packages/pages/cms/cms-article-list.mpx

@@ -1,165 +1,165 @@
-<template>
-    <view class="article-main">
-        <!-- 默认图片在右侧的样式  枚举值为0  -->
-        <block wx:for="{{ articleList }}" wx:key="index">
-            <view class="{{ isInfo ? 'article-info' : 'article-border' }}" bind:tap="handleInfo" data-item="{{ item }}">
-                <!-- 内容 -->
-                <view class="cms-info">
-                    <view class="cms-left">
-                        <!-- 标题 -->
-                        <view class="cms-left-title">{{ item.infoTitle }}</view>
-                        <!-- 内容 -->
-                        <view class="cms-left-info">{{ item.intro }}</view>
-                    </view>
-                    <view bind:tap="handlePreview" data-url="{{ item.imgUrl }}">
-                        <image class="cms-right-image" src="{{ imageUrl + item.imgUrl }}" mode="widthFix" />
-                    </view>
-                </view>
-            </view>
-        </block>
-    </view>
-</template>
-
-<script lang="ts">
-import mpx, { createPage, ref, onLoad, onPullDownRefresh } from '@mpxjs/core'
-import { EventBase } from '../../../api/types';
-import { cmsApi } from '../../../api/cms';
-import { CmsInfoModel } from '../../../api/cms/types';
-
-createPage({
-    setup(props) {
-        let config = getApp().globalData.config;
-        let organTenant = ref(config.tenant);
-        let siteId = ref(config.siteId);
-        let channelId = ref('');
-        let channelAlias = ref('');
-        let curPage = ref(1);
-        let articleList = ref([] as CmsInfoModel[]);
-        let imageUrl = config.baseUrl + "/v1/file/image/clip/300/300/";
-        let queryCmsInfo = function () {
-            cmsApi.findCmsInfoPage({
-                tenant: organTenant.value || config.tenant,
-                siteId: siteId.value,
-                channelId: channelId.value,
-                channelAlias: channelAlias.value,
-                curPage: curPage.value,
-                pageSize: 10,
-            }).then(res => {
-                if (res.statusCode === 200) {
-                    console.log("article-list-add", res.data.results);
-                    articleList.value.push(...res.data.results);
-                    curPage.value++;
-                }
-            });
-        }
-        onLoad((options) => {
-            console.log("article-list", options);
-            siteId.value = options.siteId || config.siteId;
-            channelId.value = options.channelId || '';
-            channelAlias.value = options.channelAlias || '';
-            curPage.value = 1;
-            queryCmsInfo();
-        })
-        onPullDownRefresh(() => {
-            queryCmsInfo();
-        })
-        return { organTenant, siteId, channelId, channelAlias, curPage, articleList, imageUrl, queryCmsInfo };
-    },
-    methods: {
-        // 点击详情事件
-        handleInfo(e: EventBase) {
-            let config = getApp().globalData.config;
-            let item = e.currentTarget.dataset.item;
-            mpx.navigateTo({
-                url: '/jmash/pages/cms/cms-article?siteId=' + this.siteId + '&infoId=' + item.infoId,
-            });
-            // 浏览
-            this.handelBrowse(this.organTenant || config.tenant, item.infoId);
-        },
-    }
-})
-</script>
-
-<style lang="scss">
-@use "../../../styles/index.scss" as *;
-
-.article-main {
-    padding: 0 30rpx;
-    border-radius: 20rpx;
-    background-color: #fff;
-}
-
-// 有分割线列表
-.article-border {
-    padding: 30rpx 0;
-    border-bottom: 1rpx solid $border-line;
-
-    // 分割线最后一条内容无分割线
-    &:last-child {
-        border: none;
-    }
-}
-
-// 无分割线列表
-.article-info {
-    padding: 30rpx;
-    background-color: #fff;
-    border-radius: 20rpx;
-    margin-bottom: 20rpx;
-}
-
-.cms-info {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 30rpx;
-    margin-bottom: 30rpx;
-
-    // 文章左侧内容
-    .cms-left {
-        width: 450rpx;
-        display: flex;
-        flex-direction: column;
-
-        .cms-left-title {
-            color: #333;
-            font-size: 28rpx;
-            font-weight: 600;
-            margin-bottom: 20rpx;
-            overflow: hidden;
-            /* 隐藏超出部分 */
-            white-space: nowrap;
-            /* 强制文本不换行 */
-            text-overflow: ellipsis;
-            /* 超出部分以省略号显示 */
-        }
-
-        .cms-left-info {
-            color: #666;
-            font-size: 26rpx;
-            line-height: 37rpx;
-            overflow: hidden;
-            /* 隐藏超出部分 */
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 2;
-            /* 文本只显示两行 */
-            text-overflow: ellipsis;
-            /* 超出部分以省略号显示 */
-        }
-    }
-
-    // 文章右侧图片
-    .cms-right-image {
-        width: 150rpx;
-        height: 150rpx;
-        border-radius: 10rpx;
-    }
-}
-</style>
-
-<script type="application/json">
-{
-    "usingComponents": {}
-}
+<template>
+    <view class="article-main">
+        <!-- 默认图片在右侧的样式  枚举值为0  -->
+        <block wx:for="{{ articleList }}" wx:key="index">
+            <view class="{{ isInfo ? 'article-info' : 'article-border' }}" bind:tap="handleInfo" data-item="{{ item }}">
+                <!-- 内容 -->
+                <view class="cms-info">
+                    <view class="cms-left">
+                        <!-- 标题 -->
+                        <view class="cms-left-title">{{ item.infoTitle }}</view>
+                        <!-- 内容 -->
+                        <view class="cms-left-info">{{ item.intro }}</view>
+                    </view>
+                    <view bind:tap="handlePreview" data-url="{{ item.imgUrl }}">
+                        <image class="cms-right-image" src="{{ imageUrl + item.imgUrl }}" mode="widthFix" />
+                    </view>
+                </view>
+            </view>
+        </block>
+    </view>
+</template>
+
+<script lang="ts">
+import mpx, { createPage, ref, onLoad, onPullDownRefresh } from '@mpxjs/core'
+import { EventBase } from '../../../api/types';
+import { cmsApi } from '../../../api/cms';
+import { CmsInfoModel } from '../../../api/cms/types';
+
+createPage({
+    setup(props) {
+        let config = getApp().globalData.config;
+        let organTenant = ref(config.tenant);
+        let siteId = ref(config.siteId);
+        let channelId = ref('');
+        let channelAlias = ref('');
+        let curPage = ref(1);
+        let articleList = ref([] as CmsInfoModel[]);
+        let imageUrl = config.baseUrl + "/v1/file/image/clip/300/300/";
+        let queryCmsInfo = function () {
+            cmsApi.findCmsInfoPage({
+                tenant: organTenant.value || config.tenant,
+                siteId: siteId.value,
+                channelId: channelId.value,
+                channelAlias: channelAlias.value,
+                curPage: curPage.value,
+                pageSize: 10,
+            }).then(res => {
+                if (res.statusCode === 200) {
+                    console.log("article-list-add", res.data.results);
+                    articleList.value.push(...res.data.results);
+                    curPage.value++;
+                }
+            });
+        }
+        onLoad((options) => {
+            console.log("article-list", options);
+            siteId.value = options.siteId || config.siteId;
+            channelId.value = options.channelId || '';
+            channelAlias.value = options.channelAlias || '';
+            curPage.value = 1;
+            queryCmsInfo();
+        })
+        onPullDownRefresh(() => {
+            queryCmsInfo();
+        })
+        return { organTenant, siteId, channelId, channelAlias, curPage, articleList, imageUrl, queryCmsInfo };
+    },
+    methods: {
+        // 点击详情事件
+        handleInfo(e: EventBase) {
+            let config = getApp().globalData.config;
+            let item = e.currentTarget.dataset.item;
+            mpx.navigateTo({
+                url: '/jmash/pages/cms/cms-article?siteId=' + this.siteId + '&infoId=' + item.infoId,
+            });
+            // 浏览
+            this.handelBrowse(this.organTenant || config.tenant, item.infoId);
+        },
+    }
+})
+</script>
+
+<style lang="scss">
+@use "../../../styles/index.scss" as *;
+
+.article-main {
+    padding: 0 30rpx;
+    border-radius: 20rpx;
+    background-color: #fff;
+}
+
+// 有分割线列表
+.article-border {
+    padding: 30rpx 0;
+    border-bottom: 1rpx solid $border-line;
+
+    // 分割线最后一条内容无分割线
+    &:last-child {
+        border: none;
+    }
+}
+
+// 无分割线列表
+.article-info {
+    padding: 30rpx;
+    background-color: #fff;
+    border-radius: 20rpx;
+    margin-bottom: 20rpx;
+}
+
+.cms-info {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 30rpx;
+    margin-bottom: 30rpx;
+
+    // 文章左侧内容
+    .cms-left {
+        width: 450rpx;
+        display: flex;
+        flex-direction: column;
+
+        .cms-left-title {
+            color: #333;
+            font-size: 28rpx;
+            font-weight: 600;
+            margin-bottom: 20rpx;
+            overflow: hidden;
+            /* 隐藏超出部分 */
+            white-space: nowrap;
+            /* 强制文本不换行 */
+            text-overflow: ellipsis;
+            /* 超出部分以省略号显示 */
+        }
+
+        .cms-left-info {
+            color: #666;
+            font-size: 26rpx;
+            line-height: 37rpx;
+            overflow: hidden;
+            /* 隐藏超出部分 */
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            /* 文本只显示两行 */
+            text-overflow: ellipsis;
+            /* 超出部分以省略号显示 */
+        }
+    }
+
+    // 文章右侧图片
+    .cms-right-image {
+        width: 150rpx;
+        height: 150rpx;
+        border-radius: 10rpx;
+    }
+}
+</style>
+
+<script type="application/json">
+{
+    "usingComponents": {}
+}
 </script>

package/src/packages/pages/cms/cms-article.mpx

@@ -1,33 +1,33 @@
-<template>
-    <cms-article siteId="{{ siteId }}" tenant="{{ tenant }}" infoId="{{ infoId }}"></cms-article>
-</template>
-
-<script>
-import { createPage, ref, onLoad } from '@mpxjs/core'
-
-createPage({
-    setup(props) {
-        //console.log("123", props);
-        let config = getApp().globalData.config;
-        let siteId = ref(config.siteId);
-        let tenant = ref(config.tenant);
-        let infoId = ref('');
-        onLoad((options) => {
-            console.log(options);
-            siteId.value = options.siteId || config.siteId;
-            infoId.value = options.infoId || '';
-        })
-        return { siteId, tenant, infoId };
-    },
-})
-</script>
-
-<style lang="scss"></style>
-
-<script type="application/json">
-{
-    "usingComponents": {
-        "cms-article": "../../../components/cms/jmash-cms-article.mpx"
-    }
-}
+<template>
+    <cms-article siteId="{{ siteId }}" tenant="{{ tenant }}" infoId="{{ infoId }}"></cms-article>
+</template>
+
+<script>
+import { createPage, ref, onLoad } from '@mpxjs/core'
+
+createPage({
+    setup(props) {
+        //console.log("123", props);
+        let config = getApp().globalData.config;
+        let siteId = ref(config.siteId);
+        let tenant = ref(config.tenant);
+        let infoId = ref('');
+        onLoad((options) => {
+            console.log(options);
+            siteId.value = options.siteId || config.siteId;
+            infoId.value = options.infoId || '';
+        })
+        return { siteId, tenant, infoId };
+    },
+})
+</script>
+
+<style lang="scss"></style>
+
+<script type="application/json">
+{
+    "usingComponents": {
+        "cms-article": "../../../components/cms/jmash-cms-article.mpx"
+    }
+}
 </script>

package/src/pages/basic-component.mpx

@@ -1,31 +1,31 @@
-<template>
-  <view class="basic-component-page">
-    <text>{{ title }}</text>
-  </view>
-</template>
-
-<script>
-import { createPage, ref } from '@mpxjs/core'
-
-createPage({
-  setup(props, context) {
-    let title = ref('组件演示');
-    return { title };
-  },
-})
-</script>
-
-<style lang="scss">
-.basic-component-page {
-  padding: 40rpx;
-  text-align: center;
-  font-size: 32rpx;
-  color: #333;
-}
-</style>
-
-<script type="application/json">
-{
-  "usingComponents": {}
-}
+<template>
+  <view class="basic-component-page">
+    <text>{{ title }}</text>
+  </view>
+</template>
+
+<script>
+import { createPage, ref } from '@mpxjs/core'
+
+createPage({
+  setup(props, context) {
+    let title = ref('组件演示');
+    return { title };
+  },
+})
+</script>
+
+<style lang="scss">
+.basic-component-page {
+  padding: 40rpx;
+  text-align: center;
+  font-size: 32rpx;
+  color: #333;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {}
+}
 </script>

package/src/pages/half-home.mpx

@@ -1,59 +1,59 @@
-<template>
-  <view class="half-home-page">
-    <text>主页（半屏登录）</text>
-    <!-- 授权登录弹出层 -->
-    <jmash-popup-login visible="{{ isLoginPopup }}" bind:close="onLoginClose"
-      bind:status="loginSuccess"></jmash-popup-login>
-  </view>
-</template>
-
-<script>
-import { createPage, ref } from '@mpxjs/core'
-import { useUserStore } from '../store/user'
-
-createPage({
-  setup() {
-    let isLoginPopup = ref(false);
-    let userStore = useUserStore();
-    //检查登录并跳转登录
-    userStore.loginOnlyAC().then(() => {
-      //登录成功，加载业务
-      console.log("静默登录成功");
-    }).catch(() => {
-      isLoginPopup.value = true;
-    });
-    return { isLoginPopup };
-  },
-  methods: {
-    // 授权登录弹出层关闭
-    onLoginClose: function (visible) {
-      console.log(visible.detail);
-      this.isLoginPopup = visible.detail;
-    },
-    // 登录成功
-    loginSuccess: function (status) {
-      if (status.detail) {
-        // 登录成功,加载业务
-        console.log("登录成功");
-      }
-    }
-  }
-})
-</script>
-
-<style lang="scss">
-.half-home-page {
-  padding: 40rpx;
-  text-align: center;
-  font-size: 32rpx;
-  color: #333;
-}
-</style>
-
-<script type="application/json">
-{
-  "usingComponents": {
-    "jmash-popup-login": "../components/core/jmash-popup-login.mpx"
-  }
-}
+<template>
+  <view class="half-home-page">
+    <text>主页（半屏登录）</text>
+    <!-- 授权登录弹出层 -->
+    <jmash-popup-login visible="{{ isLoginPopup }}" bind:close="onLoginClose"
+      bind:status="loginSuccess"></jmash-popup-login>
+  </view>
+</template>
+
+<script>
+import { createPage, ref } from '@mpxjs/core'
+import { useUserStore } from '../store/user'
+
+createPage({
+  setup() {
+    let isLoginPopup = ref(false);
+    let userStore = useUserStore();
+    //检查登录并跳转登录
+    userStore.loginOnlyAC().then(() => {
+      //登录成功，加载业务
+      console.log("静默登录成功");
+    }).catch(() => {
+      isLoginPopup.value = true;
+    });
+    return { isLoginPopup };
+  },
+  methods: {
+    // 授权登录弹出层关闭
+    onLoginClose: function (visible) {
+      console.log(visible.detail);
+      this.isLoginPopup = visible.detail;
+    },
+    // 登录成功
+    loginSuccess: function (status) {
+      if (status.detail) {
+        // 登录成功,加载业务
+        console.log("登录成功");
+      }
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+.half-home-page {
+  padding: 40rpx;
+  text-align: center;
+  font-size: 32rpx;
+  color: #333;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {
+    "jmash-popup-login": "../components/core/jmash-popup-login.mpx"
+  }
+}
 </script>