微信小程序1：豆瓣评分（超详细版）

项目展示：

                                         

首先，自定义组件searchbar、stars，以及search组件

记小本本哦：

（1）自定义组件：searchbar https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/

（2）图片转换为base64：tool.chinaz.com/tools/imgtobase

 

{

"pages": [

"pages/index/index",

"pages/search/search",

"pages/logs/logs"

],

"window": {

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#41be57",

"navigationBarTitleText": "豆瓣评分",

"navigationBarTextStyle": "white"

},

"style": "v2",

"sitemapLocation": "sitemap.json"

}

 

/**app.wxss**/

.container {

height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;

padding: 200rpx 0;box-sizing: border-box;

}

其次，准备好images里的图片

                    

 

然后，在各目录下编写代码 1.searchbar目录

在.json写下：

{

"component": true,

"usingComponents": {}

}