@ruixinkeji/prism-ui 1.0.14 → 1.0.16

package/dist/dev/mp-weixin/pages/demo/form.json

@@ -0,0 +1,18 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../components/PrismNavBar/PrismNavBar",
+    "prism-code": "../../components/PrismCode/PrismCode",
+    "prism-code-input": "../../components/PrismCodeInput/PrismCodeInput",
+    "prism-secure-input": "../../components/PrismSecureInput/PrismSecureInput",
+    "prism-voice-input": "../../components/PrismVoiceInput/PrismVoiceInput",
+    "prism-license-plate-input": "../../components/PrismLicensePlateInput/PrismLicensePlateInput",
+    "prism-id-card-input": "../../components/PrismIdCardInput/PrismIdCardInput",
+    "prism-address-input": "../../components/PrismAddressInput/PrismAddressInput",
+    "prism-switch": "../../components/PrismSwitch/PrismSwitch",
+    "prism-city-picker": "../../components/PrismCityPicker/PrismCityPicker",
+    "prism-city-cascade-select": "../../components/PrismCityCascadeSelect/PrismCityCascadeSelect",
+    "prism-city-select": "../../components/PrismCitySelect/PrismCitySelect",
+    "prism-date-time-picker": "../../components/PrismDateTimePicker/PrismDateTimePicker"
+  }
+}

package/dist/dev/mp-weixin/pages/demo/form.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', cC && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="353cb93a-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + cy}}"><view class="prism-section"><view class="section-title">输入框</view><view class="prism-card"><view class="card-title">基础输入框</view><view class="prism-input-box mb-_a_20rpx_a_"><input placeholder="请输入内容"/></view><view class="card-title">带前置图标</view><view class="prism-input-box mb-_a_20rpx_a_"><view class="prefix-icon"><text class="fa fa-user"></text></view><input placeholder="请输入用户名"/></view><view class="prism-input-box mb-_a_20rpx_a_"><view class="prefix-icon"><text class="fa fa-phone"></text></view><input type="number" placeholder="请输入手机号"/></view><view class="card-title">带清除按钮</view><view class="prism-input-box mb-_a_20rpx_a_"><input placeholder="请输入内容" value="{{b}}" bindinput="{{c}}"/><view wx:if="{{d}}" class="clear-icon" bindtap="{{e}}"><text class="fa fa-circle-xmark"></text></view></view><view class="card-title">带语音输入</view><view class="prism-input-box mb-_a_20rpx_a_"><input placeholder="点击右侧语音输入" value="{{f}}" bindinput="{{g}}"/><view class="prism-voice-icon" bindtap="{{h}}"><text class="fa fa-microphone"></text></view></view><view class="card-title">密码输入框</view><view class="prism-input-box mb-_a_20rpx_a_"><block wx:if="{{r0}}"><input type="{{i}}" placeholder="请输入密码"/></block><view class="eye-icon" bindtap="{{k}}"><text class="{{['fa', j]}}"></text></view></view><view class="card-title">带验证码按钮</view><view class="prism-input-box"><input placeholder="请输入验证码"/><view class="{{['code-btn', m && 'disabled']}}" bindtap="{{n}}">{{l}}</view></view><prism-code wx:if="{{o}}" u-i="353cb93a-1" bind:__l="__l" u-p="{{o}}"/></view></view><view class="prism-section"><view class="section-title">验证码输入框</view><view class="prism-card"><view class="card-title">4位验证码</view><prism-code-input wx:if="{{r}}" bindcomplete="{{p}}" u-i="353cb93a-2" bind:__l="__l" bindupdateModelValue="{{q}}" u-p="{{r}}"/><view class="prism-text-secondary mt-_a_16rpx_a_">已输入：{{s}}</view><view class="card-title mt-_a_32rpx_a_">6位验证码</view><prism-code-input wx:if="{{w}}" bindcomplete="{{t}}" u-i="353cb93a-3" bind:__l="__l" bindupdateModelValue="{{v}}" u-p="{{w}}"/><view class="prism-text-secondary mt-_a_16rpx_a_">已输入：{{x}}</view><prism-code wx:if="{{y}}" u-i="353cb93a-4" bind:__l="__l" u-p="{{y}}"/></view></view><view class="prism-section"><view class="section-title">安全密码输入</view><view class="prism-card"><view class="card-title">6位支付密码（自定义键盘）</view><prism-secure-input wx:if="{{B}}" bindcomplete="{{z}}" u-i="353cb93a-5" bind:__l="__l" bindupdateModelValue="{{A}}" u-p="{{B}}"/><view class="prism-text-secondary mt-_a_16rpx_a_">已输入：{{C}}</view><view class="card-title mt-_a_32rpx_a_">随机键盘</view><prism-secure-input wx:if="{{E}}" u-i="353cb93a-6" bind:__l="__l" bindupdateModelValue="{{D}}" u-p="{{E}}"/><prism-code wx:if="{{F}}" u-i="353cb93a-7" bind:__l="__l" u-p="{{F}}"/></view></view><view class="prism-section"><view class="section-title">车牌号输入</view><view class="prism-card"><view class="card-title">自定义键盘</view><prism-license-plate-input wx:if="{{I}}" bindcomplete="{{G}}" u-i="353cb93a-8" bind:__l="__l" bindupdateModelValue="{{H}}" u-p="{{I}}"/><view class="prism-text-secondary mt-_a_16rpx_a_">已输入：{{J}}</view><prism-code wx:if="{{K}}" u-i="353cb93a-9" bind:__l="__l" u-p="{{K}}"/></view></view><view class="prism-section"><view class="section-title">身份证输入</view><view class="prism-card"><view class="card-title">18位身份证号</view><prism-id-card-input wx:if="{{N}}" bindcomplete="{{L}}" u-i="353cb93a-10" bind:__l="__l" bindupdateModelValue="{{M}}" u-p="{{N}}"/><prism-code wx:if="{{O}}" u-i="353cb93a-11" bind:__l="__l" u-p="{{O}}"/></view></view><view class="prism-section"><view class="section-title">Search 搜索框</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-search"><text class="prism-search__icon fa fa-search"></text><input class="prism-search__input" placeholder="搜索..." value="{{P}}" bindinput="{{Q}}"/><text wx:if="{{R}}" class="prism-search__clear fa fa-circle-xmark" bindtap="{{S}}"></text></view><prism-code wx:if="{{T}}" u-i="353cb93a-12" bind:__l="__l" u-p="{{T}}"/></view></view><view class="prism-section"><view class="section-title">地址输入</view><view class="prism-card"><view class="card-title">带定位按钮（组件化）</view><prism-address-input wx:if="{{Y}}" bindlocationChange="{{U}}" u-i="353cb93a-13" bind:__l="__l" bindupdateModelValue="{{V}}" bindupdateLatitude="{{W}}" bindupdateLongitude="{{X}}" u-p="{{Y}}"/><view class="prism-text-secondary mt-_a_16rpx_a_"> 地址：{{Z}}</view><prism-code wx:if="{{aa}}" u-i="353cb93a-14" bind:__l="__l" u-p="{{aa}}"/><view class="card-title mt-_a_32rpx_a_">带地图回显（样式类）</view><view class="prism-address-wrapper"><view class="prism-input-box"><input placeholder="请输入或选择地址" value="{{ab}}" bindinput="{{ac}}"/></view><view class="location-btn" bindtap="{{ad}}"><text class="fa fa-location-crosshairs"></text></view></view><view wx:if="{{ae}}" class="prism-map-container" bindtap="{{ag}}"><image class="prism-location-map" src="{{af}}" mode="aspectFill"></image><view class="prism-relocate-tip"><text class="fa fa-location-crosshairs"></text><text>点击重新选择位置</text></view></view><prism-code wx:if="{{ah}}" u-i="353cb93a-15" bind:__l="__l" u-p="{{ah}}"/></view></view><view class="prism-section"><view class="section-title">Textarea 文本域</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-textarea-wrapper"><block wx:if="{{r0}}"><textarea class="prism-textarea prism-textarea--count" placeholder="请输入内容..." maxlength="200" value="{{ai}}" bindinput="{{aj}}"></textarea></block><view class="prism-textarea-count">{{ak}}/200</view></view><view class="card-title mt-_a_32rpx_a_">AI辅助 + 语音 + 拍照</view><view class="prism-textarea-tools-wrapper"><block wx:if="{{r0}}"><textarea class="prism-textarea" placeholder="请输入详细描述..." maxlength="{{500}}" value="{{al}}" bindinput="{{am}}"></textarea></block><view class="prism-textarea-tools"><view class="prism-ai-assist-btn" bindtap="{{an}}"><text class="fa fa-wand-magic-sparkles"></text><text>AI帮我完善</text></view><view class="prism-textarea-tools-right"><view class="prism-tool-icon-btn" bindtap="{{ao}}"><text class="fa fa-microphone"></text></view><view class="prism-tool-icon-btn" bindtap="{{ap}}"><text class="fa fa-camera"></text></view></view></view></view><view class="prism-text-secondary text-_a_24rpx_a_ mt-_a_12rpx_a_">{{aq}}/500</view><prism-code wx:if="{{ar}}" u-i="353cb93a-16" bind:__l="__l" u-p="{{ar}}"/></view></view><view class="prism-section"><view class="section-title">表单项</view><view class="prism-card"><view class="card-title">基础表单项</view><view class="prism-form-item"><text class="label">用户名</text><view class="prism-input-box"><input placeholder="请输入用户名"/></view></view><view class="prism-form-item"><text class="label">手机号</text><view class="prism-input-box"><input type="number" placeholder="请输入手机号"/></view></view><prism-code wx:if="{{as}}" u-i="353cb93a-17" bind:__l="__l" u-p="{{as}}"/></view></view><view class="prism-section"><view class="section-title">分割线</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-divider"><text class="text">分割线文字</text></view><prism-code wx:if="{{at}}" u-i="353cb93a-18" bind:__l="__l" u-p="{{at}}"/></view></view><view class="prism-section"><view class="section-title">复选框</view><view class="prism-card"><view class="card-title">基础用法</view><view class="flex flex-row gap-_a_15rpx_a_ flex-wrap"><view class="flex flex-row items-center" bindtap="{{ax}}"><view class="{{['prism-checkbox', aw && 'checked']}}"><text wx:if="{{av}}" class="check-icon fa fa-check"></text></view><text class="prism-text-primary ml-_a_10rpx_a_">选项一</text></view><view class="flex flex-row items-center" bindtap="{{aA}}"><view class="{{['prism-checkbox', az && 'checked']}}"><text wx:if="{{ay}}" class="check-icon fa fa-check"></text></view><text class="prism-text-primary ml-_a_10rpx_a_">选项二</text></view></view><prism-code wx:if="{{aB}}" u-i="353cb93a-19" bind:__l="__l" u-p="{{aB}}"/></view></view><view class="prism-section"><view class="section-title">开关</view><view class="prism-card"><view class="card-title">圆形开关</view><view class="flex flex-row gap-_a_30rpx_a_ flex-wrap mb-_a_24rpx_a_"><prism-switch wx:if="{{aD}}" u-i="353cb93a-20" bind:__l="__l" bindupdateModelValue="{{aC}}" u-p="{{aD}}"/></view><view class="card-title">方形开关</view><view class="flex flex-row gap-_a_30rpx_a_ flex-wrap mb-_a_24rpx_a_"><prism-switch wx:if="{{aF}}" u-i="353cb93a-21" bind:__l="__l" bindupdateModelValue="{{aE}}" u-p="{{aF}}"/><prism-switch wx:if="{{aH}}" u-i="353cb93a-22" bind:__l="__l" bindupdateModelValue="{{aG}}" u-p="{{aH}}"/></view><view class="card-title">带文字开关</view><view class="flex flex-row gap-_a_30rpx_a_ flex-wrap mb-_a_24rpx_a_"><prism-switch wx:if="{{aJ}}" u-i="353cb93a-23" bind:__l="__l" bindupdateModelValue="{{aI}}" u-p="{{aJ}}"/><prism-switch wx:if="{{aL}}" u-i="353cb93a-24" bind:__l="__l" bindupdateModelValue="{{aK}}" u-p="{{aL}}"/></view><view class="card-title">禁用状态</view><view class="flex flex-row gap-_a_30rpx_a_ flex-wrap"><prism-switch wx:if="{{aM}}" u-i="353cb93a-25" bind:__l="__l" u-p="{{aM}}"/><prism-switch wx:if="{{aN}}" u-i="353cb93a-26" bind:__l="__l" u-p="{{aN}}"/></view><prism-code wx:if="{{aO}}" u-i="353cb93a-27" bind:__l="__l" u-p="{{aO}}"/></view></view><view class="prism-section"><view class="section-title">Radio 单选框</view><view class="prism-card"><view class="card-title">基础用法</view><view class="flex flex-row gap-_a_30rpx_a_ flex-wrap"><view class="flex flex-row items-center" bindtap="{{aQ}}"><view class="{{['prism-radio', aP && 'checked']}}"></view><text class="prism-text-primary ml-_a_10rpx_a_">选项一</text></view><view class="flex flex-row items-center" bindtap="{{aS}}"><view class="{{['prism-radio', aR && 'checked']}}"></view><text class="prism-text-primary ml-_a_10rpx_a_">选项二</text></view><view class="flex flex-row items-center" bindtap="{{aU}}"><view class="{{['prism-radio', aT && 'checked']}}"></view><text class="prism-text-primary ml-_a_10rpx_a_">选项三</text></view></view><prism-code wx:if="{{aV}}" u-i="353cb93a-28" bind:__l="__l" u-p="{{aV}}"/></view></view><view class="prism-section"><view class="section-title">标签选择器</view><view class="prism-card"><view class="card-title">胶囊标签（圆角）</view><view class="prism-tag-selector mb-_a_24rpx_a_"><view wx:for="{{aW}}" wx:for-item="tag" wx:key="b" class="{{['prism-tag-option', tag.c && 'active']}}" bindtap="{{tag.d}}">{{tag.a}}</view></view><view class="card-title">方形标签（小圆角）</view><view class="prism-tag-selector mb-_a_24rpx_a_"><view wx:for="{{aX}}" wx:for-item="tag" wx:key="b" class="{{['prism-tag-option', 'square', tag.c && 'active']}}" bindtap="{{tag.d}}">{{tag.a}}</view></view><view class="card-title">带图标标签</view><view class="prism-tag-selector mb-_a_24rpx_a_"><view wx:for="{{aY}}" wx:for-item="tag" wx:key="c" class="{{['prism-tag-option', tag.d && 'active']}}" bindtap="{{tag.e}}"><text class="{{['fa', 'mr-_a_8rpx_a_', tag.a]}}"></text> {{tag.b}}</view></view><view class="card-title">彩色标签</view><view class="prism-tag-selector"><view wx:for="{{aZ}}" wx:for-item="tag" wx:key="b" class="{{['prism-tag-option', tag.c && 'active']}}" style="{{tag.d}}" bindtap="{{tag.e}}">{{tag.a}}</view></view><prism-code wx:if="{{ba}}" u-i="353cb93a-29" bind:__l="__l" u-p="{{ba}}"/></view></view><view class="prism-section"><view class="section-title">Picker 选择器</view><view class="prism-card"><view class="card-title">基础用法（仅样式）</view><view class="card-desc">以下仅展示选择器样式类，需配合业务逻辑使用</view><view class="prism-picker"><text wx:if="{{bb}}" class="prism-picker__value">{{bc}}</text><text wx:else class="prism-picker__placeholder">请选择城市</text><text class="prism-picker__arrow fa fa-chevron-right"></text></view><prism-code wx:if="{{bd}}" u-i="353cb93a-30" bind:__l="__l" u-p="{{bd}}"/></view></view><view class="prism-section"><view class="section-title">日期/时间/地区选择器</view><view class="prism-card"><view class="card-title">日期选择器（原生-不支持深色）</view><picker mode="date" value="{{bh}}" bindchange="{{bi}}"><view class="prism-select-box mb-_a_20rpx_a_"><text class="{{[bf && 'placeholder', bg && 'select-text']}}">{{be}}</text><text class="select-arrow fa fa-calendar"></text></view></picker><view class="card-title">时间选择器（原生-不支持深色）</view><picker mode="time" value="{{bm}}" bindchange="{{bn}}"><view class="prism-select-box mb-_a_20rpx_a_"><text class="{{[bk && 'placeholder', bl && 'select-text']}}">{{bj}}</text><text class="select-arrow fa fa-clock"></text></view></picker><view class="card-title mt-_a_32rpx_a_">城市选择器（组件化-滚轮模式）</view><prism-city-picker wx:if="{{bq}}" bindchange="{{bo}}" u-i="353cb93a-31" bind:__l="__l" bindupdateModelValue="{{bp}}" u-p="{{bq}}"/><view wx:if="{{br}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bs}}</view><view class="card-title mt-_a_32rpx_a_">城市选择器（组件化-列表模式）</view><prism-city-picker wx:if="{{bv}}" u-i="353cb93a-32" bind:__l="__l" bindupdateModelValue="{{bt}}" u-p="{{bv}}"/><view wx:if="{{bw}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bx}}</view><prism-code wx:if="{{by}}" u-i="353cb93a-33" bind:__l="__l" u-p="{{by}}"/><view class="card-title mt-_a_32rpx_a_">城市选择器（全屏模式）</view><prism-city-cascade-select wx:if="{{bA}}" u-i="353cb93a-34" bind:__l="__l" bindupdateModelValue="{{bz}}" u-p="{{bA}}"/><view wx:if="{{bB}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bC}}</view><view class="card-title mt-_a_32rpx_a_">城市选择器（字母索引）</view><prism-city-select wx:if="{{bE}}" u-i="353cb93a-35" bind:__l="__l" bindupdateModelValue="{{bD}}" u-p="{{bE}}"/><view wx:if="{{bF}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bG}}（{{bH}}） </view></view><view class="prism-card"><view class="card-title">日期时间选择器（滚轮模式）</view><prism-date-time-picker wx:if="{{bJ}}" u-i="353cb93a-36" bind:__l="__l" bindupdateModelValue="{{bI}}" u-p="{{bJ}}"/><view class="card-title mt-_a_32rpx_a_">日期时间选择器（含时间）</view><prism-date-time-picker wx:if="{{bL}}" u-i="353cb93a-37" bind:__l="__l" bindupdateModelValue="{{bK}}" u-p="{{bL}}"/><view class="card-title mt-_a_32rpx_a_">日期选择器（日历模式）</view><prism-date-time-picker wx:if="{{bN}}" u-i="353cb93a-38" bind:__l="__l" bindupdateModelValue="{{bM}}" u-p="{{bN}}"/><view class="card-title mt-_a_32rpx_a_">日历模式（显示农历）</view><prism-date-time-picker wx:if="{{bP}}" u-i="353cb93a-39" bind:__l="__l" bindupdateModelValue="{{bO}}" u-p="{{bP}}"/><view wx:if="{{bQ}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bR}}</view><view class="card-title mt-_a_32rpx_a_">日期范围选择</view><prism-date-time-picker wx:if="{{bT}}" u-i="353cb93a-40" bind:__l="__l" bindupdateModelValue="{{bS}}" u-p="{{bT}}"/><view wx:if="{{bU}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{bV}} 至 {{bW}}</view><view class="card-title mt-_a_32rpx_a_">日期范围 + 农历</view><prism-date-time-picker wx:if="{{bY}}" u-i="353cb93a-41" bind:__l="__l" bindupdateModelValue="{{bX}}" u-p="{{bY}}"/><view wx:if="{{bZ}}" class="prism-text-secondary mt-_a_16rpx_a_"> 已选：{{ca}} 至 {{cb}}</view><prism-code wx:if="{{cc}}" u-i="353cb93a-42" bind:__l="__l" u-p="{{cc}}"/></view></view><view class="prism-section"><view class="section-title">Stepper 步进器</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-stepper"><view class="{{['prism-stepper__btn', cd && 'prism-stepper__btn--disabled']}}" bindtap="{{ce}}"><text class="fa fa-minus"></text></view><input class="prism-stepper__input" type="number" value="{{cf}}" bindinput="{{cg}}"/><view class="prism-stepper__btn" bindtap="{{ch}}"><text class="fa fa-plus"></text></view></view><prism-code wx:if="{{ci}}" u-i="353cb93a-43" bind:__l="__l" u-p="{{ci}}"/></view></view><view class="prism-section"><view class="section-title">Slider 滑块</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-slider-label"><text class="prism-text-secondary">完成进度</text><text class="value-text">{{cj}}%</text></view><view class="prism-slider-wrapper"><slider value="{{ck}}" min="{{0}}" max="{{100}}" step="{{5}}" activeColor="#3478F6" backgroundColor="#EBEEF2" block-size="20" bindchange="{{cl}}"/></view><prism-code wx:if="{{cm}}" u-i="353cb93a-44" bind:__l="__l" u-p="{{cm}}"/></view></view><view class="prism-section"><view class="section-title">Rate 评分</view><view class="prism-card"><view class="card-title">基础用法</view><view class="prism-rate"><text wx:for="{{cn}}" wx:for-item="i" wx:key="a" class="{{['prism-rate__item', 'fa', 'fa-star', i.b && 'prism-rate__item--active']}}" bindtap="{{i.c}}"></text></view><prism-code wx:if="{{co}}" u-i="353cb93a-45" bind:__l="__l" u-p="{{co}}"/></view></view><view class="prism-section"><view class="section-title">图片上传</view><view class="prism-card"><view class="card-title">多图上传</view><view class="prism-image-upload-grid"><view wx:for="{{cp}}" wx:for-item="img" wx:key="d" class="prism-image-item has-image"><image class="prism-image-preview" src="{{img.a}}" mode="aspectFill"></image><view class="prism-image-remove" bindtap="{{img.b}}"><text class="fa fa-times"></text></view><view wx:if="{{img.c}}" class="prism-image-main-badge">主图</view></view><view wx:if="{{cq}}" class="prism-image-item" bindtap="{{cr}}"><view class="prism-image-upload-btn"><text class="fa fa-camera"></text><text>添加图片</text></view></view></view><view class="prism-upload-tip">最多上传9张图片，第一张为主图</view><view class="card-title mt-_a_32rpx_a_">头像上传</view><view class="prism-avatar-selector"><view class="prism-avatar-upload" bindtap="{{cv}}"><image wx:if="{{cs}}" class="prism-avatar-preview" src="{{ct}}" mode="aspectFill"></image><view wx:else class="prism-avatar-placeholder"><text class="fa fa-user"></text></view><view class="prism-avatar-edit"><text class="fa fa-camera"></text></view></view><view class="prism-default-avatars"><view wx:for="{{cw}}" wx:for-item="img" wx:key="c" class="{{['prism-default-avatar-item', img.b && 'active']}}" bindtap="{{img.d}}"><image src="{{img.a}}" mode="aspectFill"></image></view></view></view><prism-code wx:if="{{cx}}" u-i="353cb93a-46" bind:__l="__l" u-p="{{cx}}"/></view></view><view class="prism-safe-area-bottom"></view></scroll-view><prism-voice-input wx:if="{{cB}}" bindconfirm="{{cz}}" u-i="353cb93a-47" bind:__l="__l" bindupdateVisible="{{cA}}" u-p="{{cB}}"/></view>

package/dist/dev/mp-weixin/pages/demo/form.wxss

@@ -0,0 +1,54 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+/* Demo 页面通用样式 */
+/* 注意：.page-container 和 .main-content 基础样式已在 @/styles/base.scss 中定义 */
+/* 注意：导航栏已统一使用 PrismNavBar 组件 */
+/* 注意：.card-desc 已统一在 @/styles/card.scss 中定义 */

package/dist/dev/mp-weixin/pages/demo/layout/card-layout.js

@@ -0,0 +1,61 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const store_app = require("../../../store/app.js");
+const composables_useNavbar = require("../../../composables/useNavbar.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  const _easycom_PrismMusicPlayer2 = common_vendor.resolveComponent("PrismMusicPlayer");
+  (_easycom_PrismNavBar2 + _easycom_PrismMusicPlayer2)();
+}
+const _easycom_PrismNavBar = () => "../../../components/PrismNavBar/PrismNavBar.js";
+const _easycom_PrismMusicPlayer = () => "../../../components/PrismMusicPlayer/PrismMusicPlayer.js";
+if (!Math) {
+  (_easycom_PrismNavBar + _easycom_PrismMusicPlayer)();
+}
+const COVER_BASE = "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/awesome/music/covers/";
+const _sfc_main = {
+  __name: "card-layout",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const { navbarHeight } = composables_useNavbar.useNavbar();
+    const musicSongs = {
+      "放松舒缓": [
+        { name: "01.僕は帰ろう", file: "http://music.ruixinkeji.com/1.mp3", cover: COVER_BASE + "僕は帰ろう.jpg", album: "1Y Music 大自然轻音乐/最好听" },
+        { name: "05.優しさは風のように", file: "http://music.ruixinkeji.com/5.mp3", cover: COVER_BASE + "優しさは風のように.jpg", album: "妹尾武 - 優しさは風のように" },
+        { name: "木兰诗", file: "https://ruixinkeji.oss-cn-hangzhou.aliyuncs.com/docs/Mulan_Poem.mp3", album: "古诗词吟唱" }
+      ],
+      "专注冥想": [
+        { name: "02.Yuunagi", file: "http://music.ruixinkeji.com/2.mp3", cover: COVER_BASE + "Yuunagi.jpg", album: "Paniyolo - Yuunagi" },
+        { name: "06.Music for Dreaming", file: "http://music.ruixinkeji.com/6.mp3", cover: COVER_BASE + "Music for Dreaming.jpg", album: "PianoPeace - Music for Dreaming" }
+      ],
+      "情绪提振": [
+        { name: "03.风の诗", file: "http://music.ruixinkeji.com/3.mp3", cover: COVER_BASE + "风の诗.jpg", album: "神山純一 - 风の诗" },
+        { name: "07.Memory Lane", file: "http://music.ruixinkeji.com/7.mp3", cover: COVER_BASE + "Memory Lane.jpg", album: "yutaka hirasaka - Memory Lane" },
+        { name: "09.南国之舞", file: "http://music.ruixinkeji.com/9.mp3", cover: COVER_BASE + "南国之舞.jpg", album: "梁翘柏 - 南国之舞" }
+      ],
+      "助眠安神": [
+        { name: "04.Inside the Hut", file: "http://music.ruixinkeji.com/4.mp3", cover: COVER_BASE + "Inside the Hut.jpg", album: "陈越龙 - Inside the Hut" },
+        { name: "08.Respite", file: "http://music.ruixinkeji.com/8.mp3", cover: COVER_BASE + "Respite.jpg", album: "Ólafur Arnalds - Respite" }
+      ]
+    };
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "案例",
+          icon: "fa-layer-group",
+          ["icon-color"]: "green",
+          ["show-back"]: true
+        }),
+        b: common_vendor.p({
+          title: "疗愈音乐",
+          songs: musicSongs,
+          ["is-dark-mode"]: common_vendor.unref(appStore).isDarkMode
+        }),
+        c: common_vendor.unref(navbarHeight) + "px",
+        d: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages/demo/layout/card-layout.js.map

package/dist/dev/mp-weixin/pages/demo/layout/card-layout.json

@@ -0,0 +1,7 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../../components/PrismNavBar/PrismNavBar",
+    "prism-music-player": "../../../components/PrismMusicPlayer/PrismMusicPlayer"
+  }
+}

package/dist/dev/mp-weixin/pages/demo/layout/card-layout.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-page', d && 'dark-mode']}}"><prism-nav-bar wx:if="{{a}}" u-i="5b103efe-0" bind:__l="__l" u-p="{{a}}"/><scroll-view class="prism-main" scroll-y style="{{'padding-top:' + c}}"><view class="prism-section example-section"><view class="section-title">精选案例</view><view class="example-grid"><view class="prism-card highlight violet gradient example-card"><view class="card-cover"><view class="prism-icon light"><text class="fa fa-lock"></text></view></view><view class="card-content"><text class="card-title">登录页面</text><text class="card-desc">玻璃态登录表单设计</text></view></view><view class="prism-card highlight rose gradient example-card"><view class="card-cover"><view class="prism-icon light"><text class="fa fa-user"></text></view></view><view class="card-content"><text class="card-title">个人中心</text><text class="card-desc">用户信息展示页面</text></view></view><view class="prism-card highlight cyan gradient example-card"><view class="card-cover"><view class="prism-icon light"><text class="fa fa-chart-line"></text></view></view><view class="card-content"><text class="card-title">数据看板</text><text class="card-desc">数据统计可视化</text></view></view><view class="prism-card highlight green gradient example-card"><view class="card-cover"><view class="prism-icon light"><text class="fa fa-bag-shopping"></text></view></view><view class="card-content"><text class="card-title">商品列表</text><text class="card-desc">电商商品展示</text></view></view></view></view><view class="prism-section example-section"><view class="section-title">快速开始</view><view class="quick-row"><view class="prism-card action-card prism-bubble cyan gradient"><view class="prism-icon light"><text class="fa fa-comments"></text></view><text class="action-title">聊天界面</text><text class="action-desc">即时通讯聊天</text></view><view class="quick-col"><view class="prism-card action-card-mini prism-bubble green gradient"><view class="prism-icon light"><text class="fa fa-gear"></text></view><text class="action-title">设置</text></view><view class="prism-card action-card-mini prism-bubble purple gradient"><view class="prism-icon light"><text class="fa fa-magnifying-glass"></text></view><text class="action-title">搜索</text></view></view></view><view class="quick-row"><view class="prism-card action-card prism-bubble orange gradient"><view class="prism-icon light"><text class="fa fa-bell"></text></view><text class="action-title">消息中心</text><text class="action-desc">通知消息列表</text></view><view class="quick-grid-2x2"><view class="prism-card action-card-mini prism-bubble rose gradient"><view class="prism-icon light"><text class="fa fa-heart"></text></view><text class="action-title">收藏</text></view><view class="prism-card action-card-mini prism-bubble blue gradient"><view class="prism-icon light"><text class="fa fa-user"></text></view><text class="action-title">我的</text></view><view class="prism-card action-card-mini prism-bubble teal gradient"><view class="prism-icon light"><text class="fa fa-thumbs-up"></text></view><text class="action-title">点赞</text></view><view class="prism-card action-card-mini prism-bubble indigo gradient"><view class="prism-icon light"><text class="fa fa-share"></text></view><text class="action-title">分享</text></view></view></view></view><view class="prism-section example-section"><view class="section-title">快速功能</view><view class="quick-grid"><view class="prism-card glass flex flex-col items-center p-_a_24rpx_a_"><view class="prism-icon cyan md round"><text class="fa fa-camera"></text></view><text class="quick-title">拍照上传</text></view><view class="prism-card glass flex flex-col items-center p-_a_24rpx_a_"><view class="prism-icon orange md round"><text class="fa fa-qrcode"></text></view><text class="quick-title">扫一扫</text></view><view class="prism-card glass flex flex-col items-center p-_a_24rpx_a_"><view class="prism-icon green md round"><text class="fa fa-location-dot"></text></view><text class="quick-title">定位签到</text></view><view class="prism-card glass flex flex-col items-center p-_a_24rpx_a_"><view class="prism-icon purple md round"><text class="fa fa-share-nodes"></text></view><text class="quick-title">分享</text></view></view></view><view class="prism-section example-section"><view class="section-title">任务入口</view><view class="task-actions-grid"><view class="prism-card task-card highlight violet gradient"><view class="prism-icon light"><text class="fa fa-plus"></text></view><text class="task-title">创建任务</text><text class="task-desc">新建施工、采购或验收任务</text></view><view class="prism-card task-card highlight rose gradient"><view class="prism-icon light"><text class="fa fa-list-check"></text></view><text class="task-title">我的任务</text><text class="task-desc">查看分配给我的所有任务</text></view></view></view><view class="prism-section example-section"><view class="section-title">项目视图</view><view class="view-cards-grid"><view class="prism-card glass flex flex-col items-center gap-_a_16rpx_a_ p-_a_32rpx_a_"><view class="prism-icon blue lg"><text class="fa fa-table"></text></view><text class="view-title">项目报表</text><text class="view-desc">数据统计与分析</text></view><view class="prism-card glass flex flex-col items-center gap-_a_16rpx_a_ p-_a_32rpx_a_"><view class="prism-icon green lg"><text class="fa fa-map"></text></view><text class="view-title">地图视图</text><text class="view-desc">项目地理分布</text></view><view class="prism-card glass flex flex-col items-center gap-_a_16rpx_a_ p-_a_32rpx_a_"><view class="prism-icon orange lg"><text class="fa fa-filter"></text></view><text class="view-title">数据筛选</text><text class="view-desc">多维度筛选查询</text></view><view class="prism-card glass flex flex-col items-center gap-_a_16rpx_a_ p-_a_32rpx_a_"><view class="prism-icon purple lg"><text class="fa fa-calendar"></text></view><text class="view-title">日历视图</text><text class="view-desc">项目日程安排</text></view></view></view><view class="prism-section example-section"><view class="section-title">项目配置</view><view class="config-cards-grid"><view class="prism-card glass flex flex-col items-center gap-_a_12rpx_a_ p-_a_28rpx_a_"><view class="prism-icon blue sm"><text class="fa fa-bars"></text></view><text class="config-title">阶段配置</text><text class="config-desc">项目阶段管理</text></view><view class="prism-card glass flex flex-col items-center gap-_a_12rpx_a_ p-_a_28rpx_a_"><view class="prism-icon green sm"><text class="fa fa-file-lines"></text></view><text class="config-title">项目模板</text><text class="config-desc">项目模板管理</text></view><view class="prism-card glass flex flex-col items-center gap-_a_12rpx_a_ p-_a_28rpx_a_"><view class="prism-icon orange sm"><text class="fa fa-list"></text></view><text class="config-title">任务模板</text><text class="config-desc">任务模板管理</text></view></view></view><view class="prism-section example-section"><view class="section-title">音乐播放器</view><prism-music-player wx:if="{{b}}" u-i="5b103efe-1" bind:__l="__l" u-p="{{b}}"/></view><view class="prism-bottom-placeholder"></view></scroll-view></view>

package/dist/dev/mp-weixin/pages/demo/layout/card-layout.wxss

@@ -0,0 +1,326 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+.prism-page {
+  width: 100%;
+  min-height: 100vh;
+  background: var(--prism-bg-color-page, #F7F8FA);
+}
+.prism-main {
+  height: 100vh;
+  padding-bottom: 120rpx;
+}
+.example-section {
+  padding: 24rpx !important;
+}
+.example-section .prism-card {
+  margin-bottom: 0 !important;
+}
+.example-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+.quick-row {
+  display: flex !important;
+  flex-direction: row !important;
+  gap: 20rpx;
+  margin-bottom: 20rpx;
+}
+.quick-row:last-child {
+  margin-bottom: 0;
+}
+.quick-row > .action-card {
+  flex: 1;
+}
+.quick-row .quick-col {
+  flex: 1;
+  display: flex !important;
+  flex-direction: column !important;
+  gap: 16rpx;
+}
+.quick-row .quick-col > .action-card-mini {
+  flex: 1 !important;
+}
+.quick-row .quick-grid-2x2 {
+  flex: 1;
+  display: grid !important;
+  grid-template-columns: repeat(2, 1fr) !important;
+  grid-template-rows: repeat(2, 1fr) !important;
+  gap: 16rpx !important;
+}
+.quick-grid {
+  display: flex;
+  gap: 16rpx;
+}
+.quick-grid .prism-card {
+  flex: 1;
+}
+.quick-grid .prism-icon {
+  margin-bottom: 12rpx;
+}
+.quick-grid .quick-title {
+  font-size: 24rpx;
+  color: var(--prism-text-secondary);
+}
+
+/* 项目视图卡片 */
+.view-cards-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+.view-cards-grid .view-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: var(--prism-text-primary, #1D2129);
+}
+.dark-mode .view-cards-grid .view-title {
+  color: #E5E6EB;
+}
+.view-cards-grid .view-desc {
+  font-size: 22rpx;
+  color: var(--prism-text-secondary, #86909C);
+}
+
+/* 项目配置卡片 */
+.config-cards-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20rpx;
+}
+.config-cards-grid .config-title {
+  font-size: 26rpx;
+  font-weight: 600;
+  color: var(--prism-text-primary, #1D2129);
+}
+.dark-mode .config-cards-grid .config-title {
+  color: #E5E6EB;
+}
+.config-cards-grid .config-desc {
+  font-size: 20rpx;
+  color: var(--prism-text-secondary, #86909C);
+}
+
+/* 任务入口卡片 */
+.task-actions-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20rpx;
+}
+.task-card {
+  padding: 32rpx 24rpx !important;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 20rpx;
+  position: relative;
+  overflow: hidden;
+}
+.task-card:active {
+  transform: scale(0.98);
+}
+.task-card .prism-icon.light {
+  width: 64rpx !important;
+  height: 64rpx !important;
+  border-radius: 16rpx;
+  margin-bottom: 16rpx;
+}
+.task-card .prism-icon.light .fa {
+  font-size: 32rpx !important;
+}
+.task-card .task-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #ffffff;
+  margin-bottom: 8rpx;
+}
+.task-card .task-desc {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.85);
+}
+.action-card {
+  padding: 32rpx 20rpx !important;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12rpx;
+  position: relative;
+  overflow: hidden;
+}
+.action-card:active {
+  transform: translateY(-4rpx);
+}
+.action-card .prism-icon.light {
+  width: 96rpx !important;
+  height: 96rpx !important;
+  border-radius: 24rpx;
+}
+.action-card .prism-icon.light .fa {
+  font-size: 48rpx !important;
+}
+.action-card .action-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #ffffff;
+  position: relative;
+  z-index: 1;
+}
+.action-card .action-desc {
+  font-size: 24rpx;
+  color: rgba(255, 255, 255, 0.85);
+  text-align: center;
+  position: relative;
+  z-index: 1;
+}
+.action-card-mini {
+  padding: 20rpx 12rpx !important;
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+  position: relative;
+  overflow: hidden;
+}
+.action-card-mini:active {
+  transform: scale(0.98);
+}
+.action-card-mini .prism-icon.light {
+  width: 64rpx !important;
+  height: 64rpx !important;
+  border-radius: 16rpx;
+}
+.action-card-mini .prism-icon.light .fa {
+  font-size: 28rpx !important;
+}
+.action-card-mini .action-title {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: #ffffff;
+  position: relative;
+  z-index: 1;
+}
+.example-card {
+  padding: 0 !important;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: none !important;
+  border: none !important;
+}
+.example-card:active {
+  opacity: 0.8;
+}
+.example-card .card-cover {
+  height: 160rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.example-card .card-cover .prism-icon.light {
+  width: 88rpx !important;
+  height: 88rpx !important;
+  border-radius: 20rpx;
+}
+.example-card .card-cover .prism-icon.light .fa {
+  font-size: 48rpx !important;
+}
+.example-card .card-content {
+  padding: 16rpx;
+  background: rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+}
+.example-card .card-title {
+  display: block;
+  font-size: 28rpx;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.95);
+  margin-bottom: 4rpx;
+  padding-left: 0;
+}
+.example-card .card-title::before {
+  display: none;
+}
+.example-card .card-desc {
+  display: block;
+  font-size: 22rpx;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+/* 深色模式 */
+.dark-mode .example-card {
+  position: relative;
+}
+.dark-mode .example-card::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  pointer-events: none;
+}
+.dark-mode .example-card .card-content {
+  background: rgba(0, 0, 0, 0.15);
+  position: relative;
+  z-index: 1;
+}
+.dark-mode .example-card .card-cover {
+  position: relative;
+  z-index: 1;
+}
+.dark-mode .example-card .card-title {
+  color: var(--prism-text-primary, #E5E6EB);
+}
+.dark-mode .example-card .card-desc {
+  color: rgba(255, 255, 255, 0.6);
+}

package/dist/dev/mp-weixin/pages/demo/layout.js

@@ -0,0 +1,96 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+if (!Array) {
+  const _easycom_PrismNavBar2 = common_vendor.resolveComponent("PrismNavBar");
+  _easycom_PrismNavBar2();
+}
+const _easycom_PrismNavBar = () => "../../components/PrismNavBar/PrismNavBar.js";
+if (!Math) {
+  (_easycom_PrismNavBar + PrismCode)();
+}
+const PrismCode = () => "../../components/PrismCode/PrismCode.js";
+const _sfc_main = {
+  __name: "layout",
+  setup(__props) {
+    const appStore = store_app.useAppStore();
+    const navbarHeight = common_vendor.computed(() => {
+      return appStore.statusBarHeight + 44;
+    });
+    const goTo = (url) => {
+      common_vendor.index.navigateTo({ url });
+    };
+    const gridItems = [
+      { icon: "fa-home", color: "blue", label: "首页", badge: 0 },
+      { icon: "fa-user", color: "green", label: "用户", badge: 0 },
+      { icon: "fa-cog", color: "orange", label: "设置", badge: 0 },
+      { icon: "fa-bell", color: "red", label: "通知", badge: 5 },
+      { icon: "fa-heart", color: "pink", label: "收藏", badge: 0 },
+      { icon: "fa-search", color: "cyan", label: "搜索", badge: 0 },
+      { icon: "fa-folder", color: "purple", label: "文件", badge: 12 },
+      { icon: "fa-chart-line", color: "indigo", label: "统计", badge: 0 }
+    ];
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.p({
+          title: "布局组件",
+          icon: "fa-table-cells",
+          ["icon-color"]: "blue",
+          ["show-back"]: true
+        }),
+        b: common_vendor.o(($event) => goTo("/pages/demo/sticky/index")),
+        c: common_vendor.o(($event) => goTo("/pages/demo/sticky/group")),
+        d: common_vendor.o(($event) => goTo("/pages/demo/layout/card-layout")),
+        e: common_vendor.p({
+          code: "prism-section > section-title + section-desc + 内容"
+        }),
+        f: common_vendor.p({
+          code: "flex-row/ gap-_a_20rpx_a_"
+        }),
+        g: common_vendor.p({
+          code: "flex-col / gap-_a_20rpx_a_"
+        }),
+        h: common_vendor.p({
+          code: "p-{10|20|30} / m-{10|20|30}"
+        }),
+        i: common_vendor.p({
+          code: "prism-safe-area-bottom / prism-safe-area-top"
+        }),
+        j: common_vendor.p({
+          code: "prism-section-header + prism-section-title + prism-more-link"
+        }),
+        k: common_vendor.f(gridItems, (item, i, i0) => {
+          return common_vendor.e({
+            a: common_vendor.n(item.icon),
+            b: common_vendor.n(item.color),
+            c: common_vendor.t(item.label),
+            d: item.badge > 0
+          }, item.badge > 0 ? {
+            e: common_vendor.t(item.badge)
+          } : {}, {
+            f: "quick-" + i
+          });
+        }),
+        l: common_vendor.f(gridItems, (item, i, i0) => {
+          return common_vendor.e({
+            a: common_vendor.n(item.icon),
+            b: common_vendor.n(item.color),
+            c: common_vendor.t(item.label),
+            d: item.badge > 0
+          }, item.badge > 0 ? {
+            e: common_vendor.t(item.badge)
+          } : {}, {
+            f: "grid-" + i
+          });
+        }),
+        m: common_vendor.p({
+          code: "prism-quick-actions: 快捷入口 | prism-grid: 通用宫格"
+        }),
+        n: navbarHeight.value + "px",
+        o: common_vendor.unref(appStore).isDarkMode ? 1 : ""
+      };
+    };
+  }
+};
+wx.createPage(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/demo/layout.js.map

package/dist/dev/mp-weixin/pages/demo/layout.json

@@ -0,0 +1,7 @@
+{
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "prism-nav-bar": "../../components/PrismNavBar/PrismNavBar",
+    "prism-code": "../../components/PrismCode/PrismCode"
+  }
+}