1、装修列表用于装修首页的样式,对首页进行diy的装修,首先我们需要新建一个页面,进行页面的装修

2、新建了页面,我们就进入到了首页装修的页面

3、接下来就可以开始添加基础的组件了,首先我们添加一个公告,我们可以设置它的边距,还有背景的颜色,以及文字的颜色。在右下角还可以设置它的图标和公共的内容

4、添加一个搜索框,搜索框主要用与前端拿来搜索商品,我们可以在右侧的菜单栏设置搜索框的颜色、背景颜色、文字的颜色,可以设置它的边角样式椭圆、圆形、直角。然后就是文字的位置,可以设置居中或者居左。最后就是默认的文字,这个默认的文字就是显示,搜索框的提示内容。

5、添加一个富文本,富文本主要用于添加文字和图片,右侧的菜单栏可以设置富文本的背景颜色,和它的四周边距,可以在右侧的文本框内添加文字,或者图片。

6、添加一个导航按钮,右侧菜单栏可以设置文字的颜色,和背景颜色,也可以设置按钮的形状如:直角、圆角、圆形。也能设置每行显示的按钮数量,每行可以显示3、4、5个按钮的数量。最后就是设置按钮的文字,图片,以及连接,进入连接选着页面可以旋转自己需要的连接。导航栏的按钮最大个数为10个。


7、添加列表导航,作用是也是用于导航。右侧菜单设置它的样式,可以设置图片和文字,也可以单独只要文字。设置边角样式,直角和圆形。设置它的周围边距,最后添加图片文字,以及连接。


8、添加图片轮播,右侧菜单设置它的边角样式圆、椭圆、直角、椭圆加下标。设置按钮的形状居左、居中、居右。最后设置轮播的图片和连接,建议图片宽度750,高度200-950,支持jpg、png。要求一组内图片高度必须完全一致。


9、添加单列图片,右侧菜单设置背景的颜色,上下左右的边距,然后添加图片和连接,图片宽度750,高度200-950,支持jpg、png。


10、添加商品魔方,右侧的菜单设置魔方的样式,选着自己需要的商品魔方大小,然后设置图片,在设置好图片对应的连接,最后可以调节一下图片的间隙。

11、介绍辅助组建,首先我们添加一个辅助线,用于在两个组件中间,明显的区分出两个组件,同样在右侧的菜单栏设置辅助线的背景和线的颜色,风格可以设置实线、点状、虚线。可以设置线的高度(粗细),最后设置上下左后的边距。

12、添加辅助空白,也是用于页面的美化和组件的区分,右侧菜单可以设置背景的颜色,和空白的高度。

13、添加标题栏,右侧菜单可以设置标题的主标题和副标题,设置他们的文字和字体颜色。

14、添加音频播放,右侧菜单设置选择音频文件,添加文字,和文字的背景色,还可以选着不同的风格现在有默认的四种风格。


15、添加视频播放,右侧菜单选着视频文件,选着封面的图片,也可以选择视频的连接,可以调整视频的比例,现有16:9和4:3和1:1这三个默认的比例。


17、添加弹窗广告,点击会弹出一个弹框,可以设置是否开启广告,广告的图片,图片的连接,关闭按钮和按钮的位置设置。

18、介绍商品组件,添加一个商品,右侧菜单可以手动添加商品的连接,可以设置标签的开启或者关闭,上下左右的边距,也能设置商品的风格,现在有默认的5种风格可以选择。



19、添加一个优惠券,右侧菜单可以添加选择要显示在前端的优惠券,也可以设置上下的边距。


20、添加一个拼团,右侧菜单可以选择添加拼团的商品连接,也可以修改风格样式,现有默认两个风格


21、添加一个抽奖,右侧菜单添加抽奖的链接。

22、添加一个秒杀,右侧菜单栏可以设置秒杀的主题,可以选择秒杀商品的连接,现有两种默认的秒杀风格。


- 运营案例分享
- 蚂蚁云快速接入指引
- 概况
- 平台
- 如何创建一个不一样的首页?
- 如何设置导航菜单(底部菜单)?
- 商家
- 如何新建商家?
- 如何设置商家入驻?
- 如何查询商家结算记录?
- 用户
- 如何设置用户标签?
- 积分余额
- 商品
- 如何创建商品?
- 如何找回商品?
- 商品分类设置说明
- 商品服务设置说明
- 商品参数设置说明
- 如何设置社群?
- 如何管理商品评价?
- 订单
- 如何设置商品运费模板?
- 分销
- 分销基本逻辑
- 如何设置分销商等级?
- 如何设置一键发圈?
- 如何设置分销商品?
- 如何进行佣金打款?
- 如何计算分销佣金?
- 如何设置分销结算
- 应用
- 优惠券设置说明
- 秒杀活动设置说明
- 拼团活动设置说明
- 抽奖活动设置说明
- 支付营销
- 如何设置支付立减?
- 如何设置支付返现?
- 会员卡
- 如何设置会员卡类型?
- 如何使用会员卡激活码?
- 如何设置会员商品?
- 如何设置购买商品赠送会员卡?
- 消息推送
- 如何配置短信?
- 分享红包
- 渠道
- 如何对接绑定微信公众号?
- 如何对接绑定微信小程序?
- 如何对接绑定支付宝小程序?
- 如何对接绑定头条小程序?
- 设置
- 平台基础设置说明
- 平台分享配置说明
- 如何设置关注海报?
- 支付设置
- 如何选择支付方式?
- 如何设置微信支付?
- 如何设置支付宝支付?