更新记录

1.0.4(2024-04-20) 下载此版本

  • 新增 是否显示最外层 padding 值
  • 优化代码结构

1.0.3(2024-04-14) 下载此版本

  • 新增 修改 背景颜色 默认 bgcsu2

1.0.2(2024-04-12) 下载此版本

  • 修复已知问题
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

yxh-card

组件名:yxh-card 搜索微信小程序 yxhui 或者 右侧 扫码 查看全部变量类和其他组件信息
小程序目前在稳定更新中...
该组件基于 vue3 编写
该组件以微信小程序为基准开发,理论上兼容其他平台,但是本人没有测试,如果有bug或者适配的问题,可以在下面留言。 或者 联系开发者

卡片视图组件

使用须知(必看)

该插件引入项目后,必须在 app.vue 页面中的 style 样式标签行内使用 lang="scss" , 并且 需要在 style 标签中的第一行中引入 以下代码:
所有定义涉及到的单位 一律使用 rpx
app.vue

<style lang="scss">
    /*每个页面公共css */
    @import '@/uni_modules/yxh-scss/index.scss';
</style>
<yxh-card :padding-show="true" :title-show="true" bg-color="bgctran">
    <template #title>
        <view class="coma fs30 fw7">这是标题</view>
    </template>
    <template #sub-title>
        <view class="cosu fs24 mat10 fw5">这是副标题</view>
    </template>
    <template #extra>
        <view class="cosu fs28">这是额外补充信息</view>
    </template>
    <template #content>
        <view class="cosu fs28 fw4">这是content内容</view>
    </template>
</yxh-card>

// bg-color:'rgb(0, 170, 255)' || '#f7f7f7' || 'bgcwa'  String  默认 'bgcsu2'
// 如果你不需要背景色 你可以输入 bgctran

// padding-show: true || false  Boolean  默认 true

// title-show: true || false  Boolean  默认 true

更多样式请前往 微信小程序 搜索 yxhui 或者 扫码 查看 里面有详细的教程

联系开发者

如果你有好的想法,或者好的建议可以联系开发者
如果你长期使用的话,想在插件中 添加自己的专属组件,也可以联系开发者 YinXuehai 本人会在后续的开发中添加上
联系方式:QQ1170709203 or wx:Yin-Xuehai

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问