sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

flat: 优化语音

Browse Source
This commit is contained in:
史典卓
2025-04-16 14:24:06 +08:00
parent 0d2b8ae65f
commit 446b48ef6d
28 changed files with 1059 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
components/md-render/md-render.vue
View File

@@ -1,6 +1,7 @@
<template>
<view class="markdown-body">
<rich-text class="markdownRich" id="markdown-content" :nodes="renderedHtml" @itemclick="handleItemClick" />
<!-- <view class="markdown-body" v-html="renderedHtml"></view> -->
</view>
</template>
@@ -72,15 +73,37 @@ const handleItemClick = (e) => {
padding-inline-start: 40rpx;
li {
margin-bottom: -30rpx;
display: list-item;
list-style-position: outside; /* 确保数字/点在左侧 */
word-break: break-word;
p {
display: inline;
margin: 0;
padding: 0;
}
}
li:nth-child(1) {
margin-top: -40rpx;
margin-top: -20rpx;
}
}
ol {
li {
display: list-item;
list-style-position: outside; /* 确保数字/点在左侧 */
word-break: break-word;
p {
display: inline;
margin: 0;
padding: 0;
}
}
li:nth-child(1) {
margin-top: -20rpx;
}
}
p {
font-weight: 500;
line-height: 44.8rpx;
line-height: 1.5;
}
}
.markdown-body {
@@ -233,7 +256,7 @@ ol {
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
padding: 28rpx 24rpx;
font-weight: 500;
font-weight: 400;
font-size: 28rpx;
color: #333333;
margin-bottom: 20rpx;
@@ -244,49 +267,66 @@ ol {
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between
.title-text
max-width: calc(100% - 160rpx);
overflow: hidden
text-overflow: ellipsis
.card-tag
font-weight: 500;
font-size: 24rpx;
color: #333333;
width: fit-content;
background: #F4F4F4;
border-radius: 4rpx 4rpx 4rpx 4rpx;
padding: 0rpx 20rpx;
margin-left: 16rpx;
font-size: 30rpx
.card-salary
font-size: 28rpx;
color: #FF6E1C;
.card-company
margin-top: 12rpx;
margin-top: 16rpx;
max-width: calc(100%);
overflow: hidden;
text-overflow: ellipsis
color: #6C7282;
.card-info
margin-top: 12rpx;
margin-top: 22rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 40rpx;
.info-item
display: flex;
position: relative;
align-items: center;
color: #256BFA;
font-size: 28rpx;
padding-right: 10rpx
.position-nav
position: absolute;
right: 34rpx;
right: -10rpx;
top: 50%;
.position-nav::before
position: absolute;
left: 0;
top: 0;
top: -4rpx;
content: '';
width: 4rpx;
height: 16rpx;
border-radius: 2rpx
background: #8A8A8A;
background: #256BFA;
transform: translate(0, -50%) rotate(-45deg) ;
.position-nav::after
position: absolute;
left: 0;
top: 0;
top: -4rpx;
content: '';
width: 4rpx;
height: 16rpx;
border-radius: 2rpx
background: #8A8A8A;
background: #256BFA;
transform: rotate(45deg)
.card-tag
font-weight: 500;
font-size: 24rpx;
color: #333333;
width: fit-content;
background: #F4F4F4;
border-radius: 4rpx 4rpx 4rpx 4rpx;
padding: 4rpx 20rpx;
margin-right: 16rpx;
</style>