dyqc_hdapp/packageA/my/stationDetail.vue
榆钱落尽槿花稀 5fa6499716 1.优化头像裁剪功能
2.修复标题字体大小不一的问题
3.优化提现页面UI
4.优化参与者列表页面UI
5.售后订单列表新增已拒绝状态查询
6.售后订单详情新增拒绝状态
7.修复发布不能换行的问题
8.优化详情页面展示不能换行的问题
9.优化底部菜单UI
10.优化系统消息详情页面UI
2025-06-17 18:29:05 +08:00

110 lines
1.9 KiB
Vue

<template>
<view class="box">
<view style="height: 1px;background-color: #eeeeee;width: 100%;"></view>
<view class=" flex">
<view class="center">
<span class="title">{{detail.title}}</span>
<view style="margin-top: 15rpx;">
<rich-text :nodes="detail.desc" selectable user-select style="font-weight: 400;font-size: 26rpx;"></rich-text>
<view style="margin:16rpx 0;color: #9c9c9c;">{{detail.createtime_text}}</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
id: '',
detail:{}
};
},
onLoad(option) {
this.id = option.id
this.getDetail(option.id)
},
methods: {
getDetail(id) {
uni.$u.http.get('/api/school/message/detail', {
params: {
id: id
}
}).then(res => {
if (res.code == 1) {
this.detail = res.data.detail
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
}).catch(error => {});
}
}
}
</script>
<style lang="scss" scoped>
.box {
background: #ffffff;
width: 750rpx;
height: 100vh;
}
.w-100 {
width: 100%;
}
.flex {
display: flex;
}
.flex-start {
align-items: flex-start;
}
.white-space {
overflow: hidden;
/* 确保超出容器的文本被隐藏 */
white-space: nowrap;
/* 确保文本在一行内显示 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
}
.justify-center {
justify-content: center;
}
.align-items {
align-items: center;
}
.flex-column {
flex-flow: column;
}
.justify-start {
justify-content: start;
}
.center {
border-radius: 20rpx 20rpx 20rpx 20rpx;
padding:50rpx 30rpx 30rpx 30rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #323232;
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 800;
font-size: 36rpx;
color: #343434;
}
}
</style>