手册版本 V5.0

组件介绍

通用优惠券列表展示布局组件，您可以跟据项目实际需要复制本组件命名为自己的然后改进调用。

组件名称

gui-coupons : /graceUI/组件目录/gui-coupons

兼容平台

组件属性

页面背景颜色设置

 app 端 ( vue 及 nvue )
// 通过 page.json 来设置页面背景颜色
{
	"path" : "pages/9.templatesop/coupons",
	"style" :                                                                                    
	{
		"navigationBarTitleText": "优惠券组件",
		"app-plus" : {
			"background":"#F8F8F8"
		}
	}
}

h5 端
// 通过 外层 view 样式设置
// 官方文档的配置方式无效
<template>
	<view class="gui-padding page-bg">
		<view>
			<text class="gui-h5 gui-color-gray">组件演示</text>
		<iew>
	<iew>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
}
</script>
<style>
/* #ifdef MP */
page{background:#F8F8F8;}
/* #endif */
/* #ifdef H5 */
.page-bg{min-height:100vh; background-color:#F8F8F8;}
/* #endif */
</style>

小程序端
// 通过 style 来设置页面背景颜色
/* #ifdef MP */
page{background:#F8F8F8;}
/* #endif */
</style>

演示代码