mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-uniapp.git
synced 2026-08-06 19:07:23 +08:00
349ffa4f34
- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能 - 优化状态管理和事件处理逻辑，简化代码结构 - 更新样式和布局以适应新组件结构 - 添加新功能和修复已知问题，提升用户体验
41 lines
843 B
Vue
41 lines
843 B
Vue
<template>
|
|
<!-- 此文件路径禁止移动 -->
|
|
<view>
|
|
<view class="container ">
|
|
<view class="u-skeleton" v-if="!articleData">
|
|
<u-empty text="文章暂无内容" mode="list"></u-empty>
|
|
</view>
|
|
<u-parse v-else :content="articleData"></u-parse>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|
import { getArticleDetail } from '@/api/article.js'
|
|
|
|
const articleData = ref('')
|
|
|
|
onLoad((val) => {
|
|
getArticleDetail(val.id).then((res) => {
|
|
if (res.data.result) {
|
|
articleData.value = res.data.result.content
|
|
}
|
|
uni.setNavigationBarTitle({
|
|
title: val.title,
|
|
})
|
|
})
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
page {
|
|
background: #fff;
|
|
}
|
|
.container {
|
|
padding: 32rpx;
|
|
> p {
|
|
margin: 20rpx;
|
|
}
|
|
}
|
|
</style> |