ChargEco/WebApp-Lite/uni_modules/x-skeleton/components/x-skeleton/x-skeleton-configs.js

export default {
	methods: {
		bannerConfigs() {
			return {
				padding: '30rpx',
				gridRows: 1,
				gridColumns: 1,
				gridRowsGap: '40rpx',
				gridColumnsGap: '24rpx',
				itemDirection: 'row',
				itemGap: '30rpx',
				itemAlign: 'center',
				headShow: true,
				headWidth: '100%',
				headHeight: '300rpx',
				headBorderRadius: '20rpx',
				textShow: false,
				textRows: 3,
				textRowsGap: '20rpx',
				textWidth: '100%',
				textHeight: '30rpx',
				textBorderRadius: '6rpx',
				...this.configs
			}
		},
		
		infoConfigs() {
			return {
				padding: '30rpx',
				gridRows: 1,
				gridColumns: 1,
				gridRowsGap: '50rpx',
				gridColumnsGap: '24rpx',
				itemDirection: 'row',
				itemGap: '30rpx',
				itemAlign: 'flex-start',
				headShow: true,
				headWidth: '100rpx',
				headHeight: '100rpx',
				headBorderRadius: '50%',
				textShow: true,
				textRows: 4,
				textRowsGap: '32rpx',
				textWidth: ['50%', '100%', '100%', '80%'],
				textHeight: ['40rpx', '24rpx', '24rpx', '24rpx'],
				textBorderRadius: '30rpx',
				...this.configs
			}
		},
		
		textConfigs() {
			return {
				padding: '30rpx',
				gridRows: 1,
				gridColumns: 1,
				gridRowsGap: '50rpx',
				gridColumnsGap: '24rpx',
				itemDirection: 'row',
				itemGap: '30rpx',
				itemAlign: 'flex-start',
				headShow: false,
				headWidth: '100rpx',
				headHeight: '100rpx',
				headBorderRadius: '50%',
				textShow: true,
				textRows: 4,
				textRowsGap: '30rpx',
				textWidth: ['50%', '100%', '100%', '80%'],
				textHeight: '32rpx',
				textBorderRadius: '32rpx',
				...this.configs
			}
		},
		
		menuConfigs() {
			return {
				padding: '30rpx',
				gridRows: 2,
				gridColumns: 5,
				gridRowsGap: '40rpx',
				gridColumnsGap: '40rpx',
				itemDirection: 'column',
				itemGap: '16rpx',
				itemAlign: 'center',
				headShow: true,
				headWidth: '100rpx',
				headHeight: '100rpx',
				headBorderRadius: '50%',
				textShow: true,
				textRows: 1,
				textRowsGap: '0rpx',
				textWidth: '100%',
				textHeight: '24rpx',
				textBorderRadius: '32rpx',
				...this.configs
			} 
		},
		
		listConfigs() {
			return {
				padding: '30rpx',
				gridRows: 2,
				gridColumns: 1,
				gridRowsGap: '50rpx',
				gridColumnsGap: '24rpx',
				itemDirection: 'row',
				itemGap: '30rpx',
				itemAlign: 'flex-start',
				headShow: true,
				headWidth: '200rpx',
				headHeight: '200rpx',
				headBorderRadius: '16rpx',
				textShow: true,
				textRows: 4,
				textRowsGap: '32rpx',
				textWidth: ['50%', '100%', '100%', '80%'],
				textHeight: ['38rpx', '24rpx', '24rpx', '24rpx'],
				textBorderRadius: '32rpx',
				...this.configs
			} 
		},
		
		waterfallConfigs() {
			return {
				padding: '30rpx',
				gridRows: 2,
				gridColumns: 2,
				gridRowsGap: '40rpx',
				gridColumnsGap: '24rpx',
				itemDirection: 'column',
				itemGap: '16rpx',
				itemAlign: 'center',
				headShow: true,
				headWidth: '100%',
				headHeight: '400rpx',
				headBorderRadius: '12rpx',
				textShow: true,
				textRows: 3,
				textRowsGap: '12rpx',
				textWidth: ['40%', '85%', '60%'],
				textHeight: ['30rpx', '20rpx', '20rpx'],
				textBorderRadius: '6rpx',
				...this.configs
			} 
		},
	}
}