微信小程序开发一个小型商城（一、准备工作）单击前往

首先在pages/index/index这一层层目录当中就是对首页进行编辑的地方，先看一下预览图： 自定义组件

在最上面的一个是自定义组件，一个搜索栏。在pages同层级新建一个complates文件夹，用于存放自定义组件，随后可以在微信开发者工具当中右键complates这个文件夹，选择新建SearchInput目录后，右键选择这个目录后选择新建complates就会看到在这个目录下会生成其对应的js wxss json wxml文件。 随后我们对SearchInput.wxml文件进行编辑，给其加上一个navigator标签，该标签将会跳转到搜索界面，代码如下所示

相同的道理，在定义好对应的标签后，对其wxss文件进行样式编辑，在微信小程序当中，通常使用less文件进行编辑，所以我们直接对wxss文件进行重命名为less，加上属性

自定义组件写好后，如果要使用自定义组件，需要在对应的json文件当中进行注册，打开index/index.json文件进行编辑。如下所示：声明组件+给页面加上标题

最后在index.wxml文件当中进行调用即可：在这里之后就可以看到在界面当中会出现一个搜索栏。

轮播图组件

轮播图的代码可以直接搬过来进行微调就好了：参考这一篇，单击跳转 在这里面有对对象进行渲染的值也就不删除了，测试的时候将src进行替换掉以及把wx:for系列，navigator的url值 删除即可。