【玩转腾讯云】小白零基础入门微信小程序！【第十五课】DIY装修你的小程序原创

这个DIY装修。呃，我给大家这个简单的说一下好吧，嗯，首先呢。新建页面，新建微页面，然后用空白模板。给这个模板呢，取个标题对吧，这个是标题首页标题。好，然后风格可以自己选的，那个风格是在这个地方，这个地方。好，自己选。嗯，然后呢，这下面的基础组件。啊，你需要哪个你就点哪个地方，比如说你需要一个这个搜索，你就点一下搜索对吧，然后点搜索以后呢，它这个右边这一块。就是对这个搜索框的。对这个搜索框的这个。修改。大家可以看到，如果说嗯，把这个搜索两个字改成请输入关键字对吧，关键字然后居中这些都是没有问题啊，大家就是根据它右边的这些呃参数去修改就可以，然后这图文导航，图文导航也是一样的，根据它的这个参数去修改，这里只有四个对吧，我们想一行显示五个。

然后拉到最下面，可以添加一个导航就五个了，对不对。然后可以啊，单文字就不想要图片的话，就是文字导航，图片导航，然后单行滑动多行滑动。嗯，这个呢。这些东西就是大家需要什么就添加什么，不需要什么就点这个地方看到吗？每个组件它这里都有一个删除一样的按钮，所以你不需要的话，你就删掉它。需要的话你就加进去。好，那么这些东西我就啊，我都。不需要多讲啊，我相信大家试一下应该都很清楚的。我主要是跟大家说一下这个图片广告。图片广告，因为这个问题很多客户咨询我啊，图片广告呢，就是会觉得如果我想把这个图片对吧，我这一边。

这边啊，比如说这个部分我想让他啊放一张图，然后我在这个部分这边的部分放另外一张图，这样不是不太好实现嘛，对吧，其实是没有问题的，大家可以看这个图片广告右边的布局啊，这里分为一张图两张图啊，两张图这边是左边小右边大，对吧，是吧？三张图的布局，四张图的布局，或者说两张图平分，三张图平分，这种布局都是没问题的。嗯，就是最最瘦的呢，还是这个自定义魔方，自定义魔方大家可以。可以自己去定义啊。比如说高度是二对吧，那个宽度是五，我们可以。比如说我们想要这么多。这么多这六个，这六个小小方块组成一个大方块，那么我们就用鼠标拖动。

鼠标只要先点一下这里，然后鼠标左键点一下就可以鼠标移动移动覆盖掉以后再左键，再左键单击一下。那么他就是以这个。呃，这种方式去布局了。然后这个点一下，这边可以选择图片。这个吧。对吧，那这边呢，我想诶。用另外一张图片。在这边我又想用另外一张图片对吧，这种都是很随意的啊，就是很很随意的去去去做修改做布局。然后图片添加以后，这里还有选择链接看到吗。选择链接都是没有问题的。好，那么这个是关于图片广告的布局啊，图片广告其实它说实话，它真的是一个比较多变的一个功能，你看你想怎么布局，如果说它这里面的布局可以满足你的话呢，你就用它的布局，如果不能满足你的话，你就用自己的布局好吧，而且你看这里还可以放置这个图片间隙，比如说这个图片间隙放个五，大家仔细看这个地方。

是吧，这个缝隙是不是已经出来了，有缝隙了对不对。这个就是图片间隙啊。然后还有一个是叫什么划分热区对吧，就算啊，如果说你的这个东西过于多变的话呢。过于多变也可能也不太好弄，对吧，那你就嗯。放一张图，你把你的图先做好。比如说这个吧，你把你的图先做好，然后划分社区，你比如说你想这一块啊，这个信信这个字呢，你想跳转到。跳转到这个砍价去，对吧，然后这个运呢。你想跳转到这个。签到曲。

这个划分区域呢，就是左键按下去啊，然后鼠标左键按下去拖拖，就是根据这个。根据你拖的范围来确定。那这个大呢，我们可以选择这个拆红包，对吧，这就很非常的非常的这个随意啊，你想怎么拖，你想想怎么拖，怎么布局就可以怎么布局。也就是说你可以先把这个图片做好了，对吧，你不管你你用这个UI，用设计的软件，不管你去怎么做。做好了以后呢。到上传上来以后，都可以通过这个热区，通过这个划分热区来实现。好，那么还有一个呢，就是对商品的这个介绍啊，商品呢，其实它它里面的关键字也很多，首先是这个显示分类，是不是显示分类。如果说不显示分类的话呢，它就是笼统的显示了所有的商品，那我们最多最好还是显示一下分类对吧，然后添加分类，把我们的这个分类上进去看一下，那么它就是。

它就是会在首页这个地方显示，那么你点牛仔裤，它就会显示牛仔裤，你点连衣裙，它就会显示连衣裙。然后这个这个这个分栏位置呢，分为顶部和左侧啊，这个东西大家都看着调啊。样式一，样式一的话就是它下面只是有一个横杠，样式二的话，它这里是啊，一个红色的背景，但它字还是会显示的。然后这里还可以自定义商品，比如说牛仔裤，我只想我想我只想他这个。这个几个特殊几个指定的牛仔裤对吧。资金、商品。比如说我只想放在指定的商品，这都是可以的。然后呢，这个列表啊，这个商品样式就是列表左右滑动分为一行一个一行两个一行三个对吧。

然后这个白底有边框，大家注意注意看啊，这个现在是无边框的状态。开这个白有边框。对吧，他是把每个商品呢，都用一个小框给它框起来了，这样看着会整齐一点。然后是否显示商品名称，是否显示商品价格，这个文本样式是左对齐还是居中。对吧，那是否显示购买按钮，购买按钮是用购物车还是加号等等。包括这个商品角标看热销新品对吧，所以说商品这个组件呢，它也是非常的多样化的啊。大家可以。自己去这个调整。嗯。图片广告和商品是两个用的最多的组件啊，其他的其实用的用的不多了，那么后面的这个营销组件呢，大家就你需要放什么，你就点一下就可以，比如说你想放积分商城对吧。你就点一下基本商城，然后根据右边的这些参数去做设置就可以。

呃，这个。应该也没有什么很大的困难啊，如果说大家确实有有难点的话呢，再给我私信说，如果说有需要的话，我再给你们针对那些难点，单独就是出几个视频。大家给大家讲解一下好吧，好，那么关于DIY的讲解呢，我们就先到这里啊啊对对，还有一个问题就是比如说你这个页面做好了以后，对吧，这个页面做好了以后。这边做好以后，你想把它设为这个小程序的首页，你需要在这里点设为首页，然后点这个微信小程序，再点确定。这样就会变成他的首页了。如果说你忘了这一步的话，那么呃，它是不会默认成为首页的。这点大家要稍微注意一下好吧？好，目前目前我们是这个这个俯视一，这个这个微页面是作为首页，它后面有一个这个小绿色的标。

好，那么这个视频我们就先讲到这里啊，如果。有问题我们后面再谈，好吧，谢谢大家。