2.0.0 • Published 3 years ago
@mas.io/mas-cs-page-footer v2.0.0
安装
tnpm install --save @alipay/mas-cs-page-footer
组件介绍
支付宝车主服务通用页脚组件,可以修改页脚品牌LOGO、服务利益点描述
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
logo | false | String | 页脚品牌LOGO | 车主服务品牌Logo base64图片 | - |
description | false | String | 服务利益点描述 | 尽享用车好时光 | - |
className | false | String | 组件容器样式 | - | - |
backgroundColor | false | String | 组件容器背景色, 未传入背景色时背景色为透明 | - | '#fff' |
autoBottom | false | Boolean | 是否自动沉底 | true | - |
在小程序中使用
.json配置 示例代码
{
...
"usingComponents": {
"mas-cs-footer": "@alipay/mas-cs-page-footer/es/index"
}
}
.axml 示例代码
<!-- 页面使用方式 -->
<mas-cs-footer className="demo-style" logo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAAdCAMAAAC0X0NwAAAAe1BMVEUAAACVlZWZmZmZmZmZmZmZmZmYmJiZmZmZmZmMjIyYmJiXl5eZmZmNjY2ZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmYmJiYmJiXl5eZmZmYmJiYmJiYmJiZmZmWlpaYmJiZmZmYmJiVlZWYmJiYmJiYmJiYmJiZmZlr6T/zAAAAKHRSTlMAH1Tm3G5k8sANWkTjB5iQ7ZSW+smnt7CJXtV+9zs2EyzOJRd1TKKeDd8ndQAAAwNJREFUSMe9l9tiojAQhiccJKgICgoKFo/tvP8TboZEliQDvdr9bppmSv45Bgqa5yFEi+3+Cf+PR4geWwEsm3t0ufcwT1ohJjDlfL9XLRDrvY05R5JgOAEVEjiyrTJ9s5Z9VclMaaCrf0PFlXxHm8qEr5a1FVJ/UlteAq5BEDSoaIMpwkSpDEcAWHn6EKmtHABOaLMGgjwunYz2JWIANjGydM+/SXzz+rnailScxUCJSo8WR9C0g9VzufUyz/JjWvhTw8Qq5go+eb8BYbJwgAlHptjSq/IaWcIHDLxYa9KPrrez+nddOHB8qpySCCGG6r/FlGw8hCOHARG/XsGsvspYAw4NFdElo8E4AceNgj0Qksp70LSZ/fwXUVG7f2kG59TvMTDN9uQ2aZDEPUlqz1/cAbD995JSrtgc1XBr8p1arMBhReflzc0LXxoxCRbbwTNePyApQT9driD1IopXFnGEA9ILf0Pz5Olf1c4FZvSzRGe4QocT7S1SueFXwOqrHHYBq0/Uw4PZRjPUnxbXDCAOS5ylDGM3/Fgofug88WHwLU0zsPS90RV8/6+X9Nd2+Cw/H7vQvEjfcg7SoQCs/rPDBbrJCLyRx7Too+CM0kxn27b8/K91+5Ve6JF5Q4z0EXLUoPlmrW+7DvKioGQUl4ErtKgIQDjeF0JPSzstwGZtoAguehlkJo9sGe/wib9pznD17BvYm2452oajvhZxDy58/4MIPhyobmadgoZap4Ezo1/ra6Df2oZtr72tF/Q5+P6/DUnW+kdDrfWrodjSa55Cls7805AZ9qSffshgZHn+SL8DQ6r1Q1wktK54npzXd54sgNUvcZEORh7IU4pf9SXdtbx+hItEMLJHnu/f60/VbXn9FS6ympwbj0jyzKzPmW6xfGcgY7kbodf10H5av8wNO60PcYGzFDHM97/7cciTpOP7l5s/8+FWCw+ajxfw5N5n0BlnyE37hewfPQAgZmpo7tN4Xr94w5Q64jn1ZOy6ggoZbG2qwPzzlbzB453Qp+2/5g+PHu7fUK9ShAAAAABJRU5ErkJggg==" description="尽享用车好时光" backgroundColor="#ffffff" />
.acss 示例代码
page {
background: #eee;
}
Badges
2.0.0
3 years ago