create-weapp-vite 2.3.14 → 2.3.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/dist/cli.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/{src-JolaD7Ia.js → src-C8kzMXK7.js} +11 -7
  4. package/package.json +1 -1
  5. package/templates/default/.vscode/extensions.json +2 -1
  6. package/templates/default/package.json +3 -0
  7. package/templates/lib/.vscode/extensions.json +2 -1
  8. package/templates/lib/package.json +4 -1
  9. package/templates/plugin/.vscode/extensions.json +7 -0
  10. package/templates/plugin/package.json +3 -0
  11. package/templates/tailwindcss/.vscode/extensions.json +2 -1
  12. package/templates/tailwindcss/package.json +3 -0
  13. package/templates/tdesign/.vscode/extensions.json +2 -1
  14. package/templates/tdesign/package.json +3 -0
  15. package/templates/vant/.vscode/extensions.json +2 -1
  16. package/templates/vant/package.json +3 -0
  17. package/templates/wevu/.vscode/extensions.json +2 -1
  18. package/templates/wevu/README.md +3 -3
  19. package/templates/wevu/package.json +4 -1
  20. package/templates/wevu/src/app.vue +1 -60
  21. package/templates/wevu/src/pages/index/index.vue +26 -194
  22. package/templates/wevu/src/pages/layouts/index.vue +0 -18
  23. package/templates/wevu/weapp-vite.config.ts +0 -7
  24. package/templates/wevu-tdesign/.vscode/extensions.json +2 -1
  25. package/templates/wevu-tdesign/README.md +3 -6
  26. package/templates/wevu-tdesign/package.json +4 -1
  27. package/templates/wevu-tdesign/project.private.config.json +0 -66
  28. package/templates/wevu-tdesign/src/app.vue +1 -73
  29. package/templates/wevu-tdesign/src/pages/index/index.vue +19 -362
  30. package/templates/wevu/src/components/InfoPanel/index.vue +0 -52
  31. package/templates/wevu/src/components/StatusPill/index.vue +0 -42
  32. package/templates/wevu/src/packageA/pages/workspace/index.vue +0 -137
  33. package/templates/wevu/src/packageB/pages/settings/index.vue +0 -131
  34. package/templates/wevu/src/pages/overview/index.vue +0 -149
  35. package/templates/wevu-tdesign/public/tabbar/ability-active.png +0 -0
  36. package/templates/wevu-tdesign/public/tabbar/ability.png +0 -0
  37. package/templates/wevu-tdesign/public/tabbar/data-active.png +0 -0
  38. package/templates/wevu-tdesign/public/tabbar/data.png +0 -0
  39. package/templates/wevu-tdesign/public/tabbar/form-active.png +0 -0
  40. package/templates/wevu-tdesign/public/tabbar/form.png +0 -0
  41. package/templates/wevu-tdesign/public/tabbar/home-active.png +0 -0
  42. package/templates/wevu-tdesign/public/tabbar/home.png +0 -0
  43. package/templates/wevu-tdesign/public/tabbar/list-active.png +0 -0
  44. package/templates/wevu-tdesign/public/tabbar/list.png +0 -0
  45. package/templates/wevu-tdesign/src/components/EmptyState/index.vue +0 -36
  46. package/templates/wevu-tdesign/src/components/FilterBar/index.vue +0 -64
  47. package/templates/wevu-tdesign/src/components/FormRow/index.vue +0 -43
  48. package/templates/wevu-tdesign/src/components/FormStep/index.vue +0 -48
  49. package/templates/wevu-tdesign/src/components/KpiBoard/index.vue +0 -145
  50. package/templates/wevu-tdesign/src/components/QuickActionGrid/index.vue +0 -79
  51. package/templates/wevu-tdesign/src/components/ResultCard/index.vue +0 -51
  52. package/templates/wevu-tdesign/src/components/SectionTitle/index.vue +0 -34
  53. package/templates/wevu-tdesign/src/components/TrendCard/index.vue +0 -101
  54. package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/BrokenCard.vue +0 -46
  55. package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/FixedExternalClassCard.vue +0 -50
  56. package/templates/wevu-tdesign/src/components/VirtualHostClassDemo/RecommendedCard.vue +0 -53
  57. package/templates/wevu-tdesign/src/hooks/useDialog.ts +0 -205
  58. package/templates/wevu-tdesign/src/hooks/useFormBinder.ts +0 -17
  59. package/templates/wevu-tdesign/src/hooks/useLayoutFeedbackBridge.ts +0 -17
  60. package/templates/wevu-tdesign/src/hooks/usePullDownRefresh.ts +0 -12
  61. package/templates/wevu-tdesign/src/hooks/useToast.ts +0 -100
  62. package/templates/wevu-tdesign/src/layouts/admin.vue +0 -41
  63. package/templates/wevu-tdesign/src/layouts/default.vue +0 -23
  64. package/templates/wevu-tdesign/src/pages/ability/index.vue +0 -164
  65. package/templates/wevu-tdesign/src/pages/data/index.vue +0 -189
  66. package/templates/wevu-tdesign/src/pages/form/index.vue +0 -271
  67. package/templates/wevu-tdesign/src/pages/layout-feedback/components/FeedbackCallerCard.vue +0 -79
  68. package/templates/wevu-tdesign/src/pages/layout-feedback/index.vue +0 -211
  69. package/templates/wevu-tdesign/src/pages/layout-store/index.vue +0 -127
  70. package/templates/wevu-tdesign/src/pages/layouts/index.vue +0 -120
  71. package/templates/wevu-tdesign/src/pages/list/index.vue +0 -146
  72. package/templates/wevu-tdesign/src/stores/layoutInteractionDemo.ts +0 -129
  73. package/templates/wevu-tdesign/src/subpackages/ability/index.vue +0 -103
  74. package/templates/wevu-tdesign/src/subpackages/lab/class-binding/index.vue +0 -440
  75. package/templates/wevu-tdesign/src/subpackages/lab/index.vue +0 -169
  76. package/templates/wevu-tdesign/src/subpackages/lab/virtual-host-class/index.vue +0 -94
  77. package/templates/wevu-tdesign/src/types/action.ts +0 -14
  78. package/templates/wevu-tdesign/src/types/list.ts +0 -17
  79. package/templates/wevu-tdesign/src/utils/changeEvent.ts +0 -53
  80. package/templates/wevu-tdesign/src/utils/listFilters.ts +0 -34
@@ -1,52 +0,0 @@
1
- <script setup lang="ts">
2
- withDefaults(defineProps<{
3
- eyebrow?: string
4
- title: string
5
- description: string
6
- }>(), {})
7
- </script>
8
-
9
- <template>
10
- <view class="feature">
11
- <view v-if="eyebrow" class="feature__eyebrow">
12
- {{ eyebrow }}
13
- </view>
14
- <view class="feature__title">
15
- {{ title }}
16
- </view>
17
- <view class="feature__desc">
18
- {{ description }}
19
- </view>
20
- </view>
21
- </template>
22
-
23
- <style>
24
- .feature {
25
- padding: 24rpx;
26
- background: #fff;
27
- border: 2rpx solid #e2e8f0;
28
- border-radius: 24rpx;
29
- box-shadow: 0 10rpx 30rpx rgb(15 23 42 / 4%);
30
- }
31
-
32
- .feature__eyebrow {
33
- font-size: 20rpx;
34
- font-weight: 600;
35
- color: #64748b;
36
- letter-spacing: 1rpx;
37
- }
38
-
39
- .feature__title {
40
- margin-top: 8rpx;
41
- font-size: 26rpx;
42
- font-weight: 700;
43
- color: #0f172a;
44
- }
45
-
46
- .feature__desc {
47
- margin-top: 8rpx;
48
- font-size: 24rpx;
49
- line-height: 1.6;
50
- color: #64748b;
51
- }
52
- </style>
@@ -1,42 +0,0 @@
1
- <script setup lang="ts">
2
- withDefaults(defineProps<{
3
- label: string
4
- tone?: 'neutral' | 'accent' | 'success'
5
- }>(), {
6
- tone: 'neutral',
7
- })
8
- </script>
9
-
10
- <template>
11
- <view class="badge" :class="`badge--${tone}`">
12
- {{ label }}
13
- </view>
14
- </template>
15
-
16
- <style>
17
- .badge {
18
- display: inline-flex;
19
- align-items: center;
20
- justify-content: center;
21
- min-width: 120rpx;
22
- padding: 12rpx 22rpx;
23
- font-size: 22rpx;
24
- font-weight: 600;
25
- border-radius: 999rpx;
26
- }
27
-
28
- .badge--neutral {
29
- color: #475569;
30
- background: #e2e8f0;
31
- }
32
-
33
- .badge--accent {
34
- color: #155eef;
35
- background: #dbeafe;
36
- }
37
-
38
- .badge--success {
39
- color: #047857;
40
- background: #d1fae5;
41
- }
42
- </style>
@@ -1,137 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'wevu'
3
- import { useRoute, useRouter } from 'wevu/router'
4
-
5
- definePageJson({
6
- navigationBarTitleText: '项目工作台',
7
- })
8
-
9
- const HOME_PATH = '/pages/index/index'
10
- const SETTINGS_PATH = '/packageB/pages/settings/index'
11
-
12
- const route = useRoute()
13
- const router = useRouter()
14
-
15
- const routeSummary = computed(() => route.fullPath || `/${route.path}`)
16
-
17
- const taskGroups = [
18
- {
19
- title: '待处理任务',
20
- description: '整理本周迭代的交付清单,确保需求与开发状态同步。',
21
- },
22
- {
23
- title: '风险跟踪',
24
- description: '识别阻塞项和依赖项,适合继续扩展为真实项目看板。',
25
- },
26
- {
27
- title: '版本准备',
28
- description: '预留提测、回归和上线前检查的展示区域。',
29
- },
30
- ]
31
-
32
- async function toIndependent() {
33
- await router.push(SETTINGS_PATH)
34
- }
35
-
36
- async function backHome() {
37
- await router.push(HOME_PATH)
38
- }
39
- </script>
40
-
41
- <template>
42
- <view class="page">
43
- <view class="card">
44
- <view class="card__eyebrow">
45
- Workspace
46
- </view>
47
- <view class="card__title">
48
- 项目工作台
49
- </view>
50
- <view class="card__desc">
51
- 这里适合作为分包内的业务处理入口,例如待办、进度、看板或内部运营模块。
52
- </view>
53
- <view class="card__summary">
54
- 当前路由:{{ routeSummary }}
55
- </view>
56
- </view>
57
-
58
- <view
59
- v-for="item in taskGroups"
60
- :key="item.title"
61
- class="panel-wrap"
62
- >
63
- <InfoPanel
64
- eyebrow="TASK"
65
- :title="item.title"
66
- :description="item.description"
67
- />
68
- </view>
69
-
70
- <button class="action-btn action-btn--secondary" @tap="toIndependent">
71
- 前往系统设置
72
- </button>
73
- <button class="action-btn action-btn--ghost" @tap="backHome">
74
- 返回业务门户
75
- </button>
76
- </view>
77
- </template>
78
-
79
- <style>
80
- .page {
81
- box-sizing: border-box;
82
- min-height: 100vh;
83
- padding: 34rpx 30rpx;
84
- background:
85
- radial-gradient(circle at top right, rgb(59 130 246 / 12%), transparent 30%),
86
- linear-gradient(180deg, #f8fbff 0%, #edf2f9 100%);
87
- }
88
-
89
- .card {
90
- padding: 30rpx 28rpx;
91
- background: #fff;
92
- border: 2rpx solid rgb(191 219 254 / 78%);
93
- border-radius: 30rpx;
94
- box-shadow: 0 16rpx 36rpx rgb(15 23 42 / 5%);
95
- }
96
-
97
- .card__eyebrow {
98
- font-size: 22rpx;
99
- font-weight: 600;
100
- color: #2563eb;
101
- }
102
-
103
- .card__title {
104
- margin-top: 10rpx;
105
- font-size: 40rpx;
106
- font-weight: 700;
107
- color: #172554;
108
- }
109
-
110
- .card__desc,
111
- .card__summary {
112
- margin-top: 12rpx;
113
- font-size: 24rpx;
114
- line-height: 1.6;
115
- color: #334155;
116
- }
117
-
118
- .panel-wrap {
119
- margin-top: 18rpx;
120
- }
121
-
122
- .action-btn {
123
- margin-top: 18rpx;
124
- color: #fff;
125
- background: #2563eb;
126
- border-radius: 999rpx;
127
- }
128
-
129
- .action-btn--secondary {
130
- background: #0f172a;
131
- }
132
-
133
- .action-btn--ghost {
134
- color: #1d4ed8;
135
- background: #dbeafe;
136
- }
137
- </style>
@@ -1,131 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'wevu'
3
- import { useRoute, useRouter } from 'wevu/router'
4
-
5
- definePageJson({
6
- navigationBarTitleText: '系统设置',
7
- })
8
-
9
- const HOME_PATH = '/pages/index/index'
10
- const OVERVIEW_PATH = '/pages/overview/index'
11
-
12
- const route = useRoute()
13
- const router = useRouter()
14
-
15
- const routeSummary = computed(() => route.fullPath || `/${route.path}`)
16
-
17
- const settingGroups = [
18
- {
19
- title: '通知策略',
20
- description: '预留站内消息、邮件提醒和审批通知等配置位置。',
21
- },
22
- {
23
- title: '角色权限',
24
- description: '适合接入组织结构、角色分级与操作授权等业务能力。',
25
- },
26
- {
27
- title: '环境信息',
28
- description: '可以继续扩展版本号、发布通道和系统参数等正式模块。',
29
- },
30
- ]
31
-
32
- async function relaunchHome() {
33
- await router.nativeRouter.reLaunch({
34
- url: HOME_PATH,
35
- })
36
- }
37
- </script>
38
-
39
- <template>
40
- <view class="page">
41
- <view class="card">
42
- <view class="card__eyebrow">
43
- Settings
44
- </view>
45
- <view class="card__title">
46
- 系统设置
47
- </view>
48
- <view class="card__desc">
49
- 独立分包适合作为设置、配置或低频但相对独立的业务模块承载区。
50
- </view>
51
- <view class="card__summary">
52
- 当前路由:{{ routeSummary }}
53
- </view>
54
- </view>
55
-
56
- <view
57
- v-for="item in settingGroups"
58
- :key="item.title"
59
- class="panel-wrap"
60
- >
61
- <InfoPanel
62
- eyebrow="SETTING"
63
- :title="item.title"
64
- :description="item.description"
65
- />
66
- </view>
67
-
68
- <button class="action-btn" @tap="router.push(OVERVIEW_PATH)">
69
- 查看运营概览
70
- </button>
71
- <button class="action-btn action-btn--ghost" @tap="relaunchHome">
72
- reLaunch 回业务门户
73
- </button>
74
- </view>
75
- </template>
76
-
77
- <style>
78
- .page {
79
- box-sizing: border-box;
80
- min-height: 100vh;
81
- padding: 34rpx 30rpx;
82
- background:
83
- radial-gradient(circle at top left, rgb(148 163 184 / 14%), transparent 26%),
84
- linear-gradient(180deg, #f8fafc 0%, #eef2f6 100%);
85
- }
86
-
87
- .card {
88
- padding: 30rpx 28rpx;
89
- background: #fff;
90
- border: 2rpx solid #cbd5e1;
91
- border-radius: 30rpx;
92
- box-shadow: 0 16rpx 36rpx rgb(15 23 42 / 5%);
93
- }
94
-
95
- .card__eyebrow {
96
- font-size: 22rpx;
97
- font-weight: 600;
98
- color: #475569;
99
- }
100
-
101
- .card__title {
102
- margin-top: 10rpx;
103
- font-size: 40rpx;
104
- font-weight: 700;
105
- color: #0f172a;
106
- }
107
-
108
- .card__desc,
109
- .card__summary {
110
- margin-top: 12rpx;
111
- font-size: 24rpx;
112
- line-height: 1.6;
113
- color: #475569;
114
- }
115
-
116
- .panel-wrap {
117
- margin-top: 18rpx;
118
- }
119
-
120
- .action-btn {
121
- margin-top: 18rpx;
122
- color: #fff;
123
- background: #0f172a;
124
- border-radius: 999rpx;
125
- }
126
-
127
- .action-btn--ghost {
128
- color: #0f172a;
129
- background: #e2e8f0;
130
- }
131
- </style>
@@ -1,149 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'wevu'
3
- import { useRoute, useRouter } from 'wevu/router'
4
-
5
- definePageJson({
6
- navigationBarTitleText: '运营概览',
7
- })
8
-
9
- const HOME_PATH = '/pages/index/index'
10
- const WORKSPACE_PATH = '/packageA/pages/workspace/index'
11
- const SETTINGS_PATH = '/packageB/pages/settings/index'
12
-
13
- const route = useRoute()
14
- const router = useRouter()
15
-
16
- const summary = computed(() => {
17
- return route.fullPath || `/${route.path}`
18
- })
19
-
20
- const focusItems = [
21
- {
22
- title: '项目节奏稳定',
23
- description: '需求冻结、设计评审与联调时间线已经对齐,适合继续扩展到实际业务场景。',
24
- },
25
- {
26
- title: '协作角色清晰',
27
- description: '可在此基础上继续接入团队成员、审批流或项目动态等正式模块。',
28
- },
29
- {
30
- title: '模板结构简洁',
31
- description: '页面布局保留必要层级,既能做展示页,也能平滑承接后台工作流。',
32
- },
33
- ]
34
-
35
- async function toSettings() {
36
- await router.push(SETTINGS_PATH)
37
- }
38
-
39
- async function backHome() {
40
- await router.push(HOME_PATH)
41
- }
42
- </script>
43
-
44
- <template>
45
- <view class="page">
46
- <view class="card">
47
- <view class="card__eyebrow">
48
- Overview
49
- </view>
50
- <view class="card__title">
51
- 运营概览
52
- </view>
53
- <view class="card__desc">
54
- 用正式模板的方式承载项目状态、团队节奏和阶段重点,而不是单纯展示路由跳转能力。
55
- </view>
56
- <view class="card__summary">
57
- 当前路由:{{ summary }}
58
- </view>
59
- </view>
60
-
61
- <view
62
- v-for="item in focusItems"
63
- :key="item.title"
64
- class="panel-wrap"
65
- >
66
- <InfoPanel
67
- eyebrow="FOCUS"
68
- :title="item.title"
69
- :description="item.description"
70
- />
71
- </view>
72
-
73
- <view class="actions">
74
- <button class="action-btn" @tap="router.push(WORKSPACE_PATH)">
75
- 进入项目工作台
76
- </button>
77
- <button class="action-btn action-btn--secondary" @tap="toSettings">
78
- 查看系统设置
79
- </button>
80
- <button class="action-btn action-btn--ghost" @tap="backHome">
81
- 返回业务门户
82
- </button>
83
- </view>
84
- </view>
85
- </template>
86
-
87
- <style>
88
- .page {
89
- box-sizing: border-box;
90
- min-height: 100vh;
91
- padding: 30rpx;
92
- background:
93
- radial-gradient(circle at top left, rgb(16 185 129 / 10%), transparent 28%),
94
- linear-gradient(180deg, #f6fbf8 0%, #edf5f1 100%);
95
- }
96
-
97
- .card {
98
- padding: 32rpx 28rpx;
99
- background: #fff;
100
- border: 2rpx solid #d1fae5;
101
- border-radius: 30rpx;
102
- box-shadow: 0 16rpx 36rpx rgb(15 23 42 / 5%);
103
- }
104
-
105
- .card__eyebrow {
106
- font-size: 22rpx;
107
- font-weight: 600;
108
- color: #0f766e;
109
- }
110
-
111
- .card__title {
112
- margin-top: 10rpx;
113
- font-size: 40rpx;
114
- font-weight: 700;
115
- color: #134e4a;
116
- }
117
-
118
- .card__desc,
119
- .card__summary {
120
- margin-top: 12rpx;
121
- font-size: 24rpx;
122
- line-height: 1.6;
123
- color: #335c58;
124
- }
125
-
126
- .panel-wrap {
127
- margin-top: 18rpx;
128
- }
129
-
130
- .actions {
131
- margin-top: 10rpx;
132
- }
133
-
134
- .action-btn {
135
- margin-top: 18rpx;
136
- color: #fff;
137
- background: #0f766e;
138
- border-radius: 999rpx;
139
- }
140
-
141
- .action-btn--secondary {
142
- background: #1d4ed8;
143
- }
144
-
145
- .action-btn--ghost {
146
- color: #134e4a;
147
- background: #d1fae5;
148
- }
149
- </style>
@@ -1,36 +0,0 @@
1
- <script setup lang="ts">
2
- const props = withDefaults(
3
- defineProps<{
4
- title: string
5
- description?: string
6
- actionText?: string
7
- }>(),
8
- {
9
- description: '',
10
- actionText: '',
11
- },
12
- )
13
-
14
- const emit = defineEmits<{
15
- (e: 'action'): void
16
- }>()
17
-
18
- defineComponentJson({
19
- styleIsolation: 'apply-shared',
20
- })
21
-
22
- function onAction() {
23
- emit('action')
24
- }
25
- </script>
26
-
27
- <template>
28
- <view class="rounded-[20rpx] bg-white p-[24rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
29
- <t-empty :title="title" :description="description" />
30
- <view v-if="props.actionText" class="mt-[16rpx]">
31
- <t-button block theme="primary" variant="outline" @tap="onAction">
32
- {{ props.actionText }}
33
- </t-button>
34
- </view>
35
- </view>
36
- </template>
@@ -1,64 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'wevu'
3
- import { resolveStringChangeValue } from '@/utils/changeEvent'
4
-
5
- const props = withDefaults(defineProps<{
6
- query?: string
7
- active?: string
8
- filters?: FilterItem[]
9
- }>(), {
10
- query: '',
11
- active: 'all',
12
- filters: () => [],
13
- })
14
-
15
- const emit = defineEmits<{
16
- (e: 'update:query', value: string): void
17
- (e: 'update:active', value: string): void
18
- }>()
19
-
20
- defineComponentJson({
21
- styleIsolation: 'apply-shared',
22
- })
23
-
24
- interface FilterItem {
25
- value: string
26
- label: string
27
- count?: number
28
- }
29
-
30
- const filterItems = computed(() => (Array.isArray(props.filters) ? props.filters : []))
31
-
32
- function onQueryChange(event: unknown) {
33
- emit('update:query', resolveStringChangeValue(event, props.query))
34
- }
35
-
36
- function onSelect(value: string) {
37
- emit('update:active', value)
38
- }
39
- </script>
40
-
41
- <template>
42
- <view class="rounded-[20rpx] bg-white p-[16rpx] shadow-[0_12rpx_28rpx_rgba(17,24,39,0.08)]">
43
- <t-search
44
- placeholder="搜索标题或负责人"
45
- :value="query"
46
- clearable
47
- @change="onQueryChange"
48
- />
49
- <view class="mt-[12rpx] flex flex-wrap gap-[12rpx]">
50
- <t-check-tag
51
- v-for="item in filterItems"
52
- :key="item.value"
53
- :checked="item.value === active"
54
- content=""
55
- @change="onSelect(item.value)"
56
- >
57
- {{ item.label }}
58
- <text v-if="item.count !== undefined">
59
- ({{ item.count }})
60
- </text>
61
- </t-check-tag>
62
- </view>
63
- </view>
64
- </template>
@@ -1,43 +0,0 @@
1
- <script setup lang="ts">
2
- import { computed } from 'wevu'
3
-
4
- const props = withDefaults(
5
- defineProps<{
6
- label: string
7
- align?: 'left' | 'center' | 'right'
8
- description?: string
9
- }>(),
10
- {
11
- align: 'left',
12
- description: '',
13
- },
14
- )
15
-
16
- defineComponentJson({
17
- styleIsolation: 'apply-shared',
18
- })
19
-
20
- const labelClass = computed(() => {
21
- if (props.align === 'right') {
22
- return 'text-right'
23
- }
24
- if (props.align === 'center') {
25
- return 'text-center'
26
- }
27
- return 'text-left'
28
- })
29
- </script>
30
-
31
- <template>
32
- <view class="flex flex-col gap-[8rpx]">
33
- <view class="flex items-baseline justify-between gap-[12rpx]">
34
- <text class="text-[22rpx] font-semibold text-[#1f1a3f]" :class="labelClass">
35
- {{ label }}
36
- </text>
37
- <text v-if="description" class="text-[20rpx] text-[#8a8aa5]">
38
- {{ description }}
39
- </text>
40
- </view>
41
- <slot />
42
- </view>
43
- </template>