liguigong
b91b273686
- 创建代码忽略文件列表 (.gitignore) - 设置代码格式化规则 (.prettierrc)- 添加各种样式文件，包括背景、边框、按钮、卡片等组件样式 - 创建暗黑主题样式文件 - 添加表单和代码样式文件
55 lines
1.0 KiB
Vue
55 lines
1.0 KiB
Vue
<template>
|
|
<view class="detail-content-card bg-white ss-m-x-20 ss-p-t-20">
|
|
<view class="card-header ss-flex ss-col-center ss-m-b-30 ss-m-l-20">
|
|
<view class="line"></view>
|
|
<view class="title ss-m-l-20 ss-m-r-20">详情</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<mp-html :content="content"></mp-html>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
content: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.detail-content-card {
|
|
.card-header {
|
|
.line {
|
|
width: 6rpx;
|
|
height: 30rpx;
|
|
background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);
|
|
border-radius: 3rpx;
|
|
}
|
|
|
|
.title {
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.des {
|
|
font-size: 24rpx;
|
|
color: $dark-9;
|
|
}
|
|
|
|
.more-btn {
|
|
font-size: 24rpx;
|
|
color: var(--ui-BG-Main);
|
|
}
|
|
}
|
|
}
|
|
|
|
:deep() {
|
|
image {
|
|
display: block;
|
|
}
|
|
}
|
|
</style>
|