微页面装修-小程序装修教程-妙铺

手把手教你《装修小程序之微页面装修》。观看教程点击以下视频：

注：若无法播放视频可以更换浏览器（建议用谷Chrome浏览器、360浏览器极速模式、火狐浏览器等）不建议用低版本Ie浏览器

电脑版视频教程：

欢迎大家收看由妙铺官方录制的一个如何搭建微页面的一个教程，如何搭建微页面首先你要了解什么是微页面。嗯，微页面就是给你一张空白的小程序页面，利用妙铺提供的功能组件选择需要的组件放置到页面任意位置。修改所需的颜色、字体等样式，像搭积木一样。装修页面它的灵活度极大，适合各种应用场景页面完全由你打造。这就叫做微页面。那了解了微页面之后呢，我们接下来了解一下微页面装修里面它整体的一个结构。

大家可以看到微页面装修它的左侧呢是一个功能列表，那中间是一个效果图，然后右侧可以设置它的功能。点击左侧的功能列表，然后他右侧就会出现他相对应的功能。那点击功能列表，然后在中间这里他就会出现他对应的功能模块。那这些功能模块呢它是可以删除啊。也是可以拖动的，拖动调整它的位置。那同样呢他也是嗯可以重复出现的。让大家来看一下这个公共模块，它可以重复出现。

那了解了这些之后呢，那第三条，然后我们要设置各个功能，我们了解一下它的各个功能。但了解他各个功能之前呢，我们先先要设置一下它的一个页面名称。有首页啊，他因为名称会在这里面出现。第一个我们看一下功能模块功能模块，它的嗯列样式，然后有三种。大家可以看到。三种样式，然后还有个滑动样式，固定或者是滑动，然后还有一个它的模块背景色，这个可以选择一下文字颜色。

那下面呢然后就是设置他的一个图片。这里可以选择本地上传，然后上传一个你本地的一个图片，或者是选择图片，选择你里面已经存在了一些图片。那这里连接到你可以选择连接到微页面。或者是连接到其他地方。这里所有的连接到都可以选择连接的微页面。那这个模块文字我们可以输入一个。大家可以看到他会在这里显示。啊，还有这个功能排序。我模块的显示与隐藏，这些都可以调整。同样还可以新增模块。他会新增一个。

那下一个单个视频，然后视频这个模块呢他可以在这里面然后输入一个视频的vid，然后他会出现一个相应的一个视频。那视频vid如何获取呢？啊，这里有个教程，然后可以点击查看一下。那这里呢视频名称你可以输入一个视频名称。嗯，他会在这里面出现，然后我模块的背景颜色也可以调一下。那下一个单图广告。单图广告，这里面可以设置一个模块的背景色。然后设置一个他这个图片。可以点击上传你本地的一个图片，或者是选择你里面已经有了一个图片。然后连接到，同样的，可以连接到微页面或者是链接到其他地方，然后还有个模块文字。可以设计一个模块文字，它会在这里面显示。

然后下一个橱窗广告，然后橱窗广告你可以设置成双列或者是三列这种样式。然后他的模块背景色也是可以调整的，然后他也可以设计一个图片本地上传或者是选择一个图片。连接到你也可以选择一下。还有广告文字。哦，可以写一下，他会在这里出现，然后文字显示隐藏也是可以选择的。接下来看一下这个轮播图。轮播图他的模块背景颜色也是可以选择的。然后你可以设置它的一个图片。完了会在这里面出现，然后还可以新增模块。可以设置个图片。设置它的一个图片。然后连接到。这也可以选择一个选择不连接。然后我模块文字可以填一下。那他会在轮播图，然后图片下方出现，然后功能排序。显示与隐藏，都可以选择。

那接下来呢然后有个欢迎语。欢迎语，然后他的模块背景颜色是可以改变的，让他文字的一个颜色。该来看到啊，可以填写一下，欢迎语。大家可以看到它会在这里面出现。然后下面是一个商品列表。那商品列表呢还有一个样式可以选择单张。然后或者是单列，然后他还有一个。啊，模块背景色模块背景色可以选择一个颜色，然后还有一个选择商品。选择一个商品，然后这里面的商品呢嗯。这里面它出现了商品是在你的店铺，然后商品管理，商品列表。他商品列表一个里面的一个商品，而且。他会在这里面出现是以上架的商品那些一下这个商品他不会出现在这里面。

然后下一个就是店铺信息，店铺信息可以设置模块，背景色了然后文字颜色呀哎呦然后他嗯可以在这里面去编辑一下店铺信息。嗯，你在这里面填写的店铺基本信息，然后最后然后就会在这里面出现。啊，下一个就是滚动广告可以选择一个模块背景色，然后我文字颜色还有滚动广告，这里面就会出现一个广告。嗯，我接下来一个搜索按钮，你们在这里面可以填写一下这个搜索按钮初始的一个文字介绍。然后还有下面这是模块背景色。

下面呢然后是一个普通按钮，普通按钮这里可以调整模块背景色。然后这里连接到可以连接到微页面或者是其他页面。嗯嗯。这都可以的啊，还有普通按钮，这里可以填写一个按钮名称。啊，按钮背景色这也是可以调整的，还有文字颜色。然后下面呢然后是一个连接文字。然后连接文字这里面模块背景色可以调一下。然后这里面可以设置一个图标。那试试图标会在这个链接文字，连接文字他的嗯左侧出现。然后你可以选择左对齐或者是居中或者是右对齐。然后文字颜色也可以选择一下。然后左侧它这右侧它就会有一个箭头。然后箭头你可以选择隐藏或者是显示。然后连接文字，然后接下来一个标题。然后标题呢这里也可以设置它标题前面的一个图片。然后在这里面显示，然后那标题也可以选择左对齐居中或者是右对齐，模块颜色也可以选一下。啊，可以填写一下标题。文字呀颜色也可以改变一下。然后这边右边它也会有一个箭头，你可以选择隐藏或者是显示。

然后接下来一个是辅助空白。我就空白呢嗯他可以嗯调整两个模块之间的距离。如果你觉得两个模块之间。有点小，你可以用辅助空白调节一下，然后他这有个空白高度，还有一个辅助空白的背景算也可以调一下。然后除了这些呢，然后最后一个辅助线，辅助线呢可以放在两个模块之间，然后辅助线那上下边距也是可以调。大家可以看到这个辅助线他上下的空白是可以改变的。还有辅助线的颜色。好的，模块的一个背景颜色都是可以改变的。那这就是微页面装修里面他就全部模块的一个作用。

那你做好这个模块之后，然后你一定要记得保存。我们大家来看一下第四点。第四点，那如何将微页面运用到其他地方呢？那微页面做好之后呢，就可以在基本装修里面运用。让我们大家来看一下。可以保存。保存一下，他就会跳转到微页面装修列表。那这里面呢就是你所有保存的你装修的一个微页面，里面可以修改或者是删除。大家来看一下基本装修里面，那基本装修里面，然后我们可以看到用设置首页有底部导航菜单，还有主题颜色什么的。啊，大家看一下设置首页，这里是不是首页这里可以，然后这里面选你想要的一个微页面。咱们刚才是一个首页。然后你选择。选择一下一定要点击保存。

还有这里面。底部导航菜单通过这里面他可以选择连接连接到微页面或者是其他地方，你可以随便选一个。那所有的连接都可以连接到微页面。然后最后一定要点击保存。那嗯我们接下来看一下。我们已经做好的一些。嗯。微页面的一个效果图。大家可以看到这些。那以上呢就是如何搭建小程序微页面的全部内容。