feat: 添加组件配置文件并优化页面结构
- 新增 components.d.json 文件,包含所有组件的属性配置 - 添加 card-item-plugin 组件及其相关文件(json、ts、wxml、wxss) - 在 app.json 中添加新的生产流程管理页面路径 - 添加多个SVG图标文件用于菜单项 - 重构 popup-plugin 组件样式和关闭逻辑 - 更新 tab-bar-plugin 的激活状态逻辑 - 优化 search-popup 使用全局样式类 - 在首页添加菜单配置和页面跳转功能 - 调整组件样式细节和间距
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
Component({
|
||||
options: { multipleSlots: true },
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
label: null,
|
||||
value: null,
|
||||
customStyle: null,
|
||||
labelStyle: null,
|
||||
valueStyle: null,
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {},
|
||||
});
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<view class="card-item" style="{{ customStyle }}">
|
||||
<view class="label" style="{{ labelStyle }}">
|
||||
{{ label || '' }}
|
||||
<slot name="label" />
|
||||
</view>
|
||||
<view class="value" style="{{ valueStyle }}">
|
||||
{{ value || '' }}
|
||||
<slot name="value" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
.card-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
line-height: 1.57;
|
||||
}
|
||||
|
||||
.label,
|
||||
.value {
|
||||
min-width: 0;
|
||||
word-break: break-all;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: var(--label-width, 5em);
|
||||
}
|
||||
|
||||
.value {
|
||||
flex: 1;
|
||||
display: inline-flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
Reference in New Issue
Block a user