feat: 添加卡片组件并优化页面样式
- 新增card-plugin组件,包含完整的卡片结构,支持头部、内容、底部插槽 - 组件具有显示更多功能,可控制内容展开收起 - 集成t-icon组件用于显示展开收起图标 - 修复popup-plugin组件的wxml格式缩进问题 - 调整processEntry页面高度计算,从calc(100vh - 50px)改为100vh
This commit is contained in:
18
miniprogram/pages/components/card-plugin/card-plugin.wxml
Normal file
18
miniprogram/pages/components/card-plugin/card-plugin.wxml
Normal file
@@ -0,0 +1,18 @@
|
||||
<view class="card_plugin {{className}}" style="border: 1rpx solid #ddd;margin-bottom: 12px;border-radius: 4px;{{style}};{{customStyle}}" bind:tap="click">
|
||||
<view class="header" style="border-bottom: 1rpx solid #ddd;padding: 8px 12px;font-weight: bold;{{headerStyle || ''}}">
|
||||
<slot name="header" />
|
||||
</view>
|
||||
<view class="content" style="padding:8px 12px;{{contentStyle || ''}}">
|
||||
<view id="contentSlot" style="height: {{showMoreBar ? showMore ? 'auto' : 'calc(3em * 1.57)' : 'auto'}};overflow: hidden;">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
<view wx:if="{{showMoreBar}}" class="show-more" catch:tap="showMoreTap">
|
||||
<view>{{showMore ? '收起' : '显示更多' }}</view>
|
||||
<t-icon name="{{showMore ? 'chevron-up' : 'chevron-down' }}" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer" style="{{footerStyle||''}}">
|
||||
<slot name="footer" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user