8月24日課設我的總結（組名：double_H）

今日完成的任務：

①完成了搜索頁面的佈局，就是添加了一個searchbar的自定義組件，在主頁面點擊搜索框，就會彈到search搜索頁面

說明：兩個圖片上面這部分用的都是一個組件searchbar，並非分開寫，在.js裏面設置了一個屬性，再用if語句判斷便可。

②根據原型設計完成了對電影模塊整體佈局的設計：

 

 說明：因爲這個模塊佈局也可用於後面的電視劇和綜藝，因此花了比較長的時間來構思。

           電影標題下方還有一個評分顯示，這個咱們主要想經過貼星星的圖標來顯示，因此要在後面再作。

明天的計劃：

①根據設計的模塊整體佈局實現完成電影模塊。

②設計評分星星的佈局與組件的完成。

每日小結：

①貼搜索小圖標時出現錯誤。

 

解決方法：微信開發小程序不能直接使用本地圖片，因此百度搜索來解決方法後決定將圖片轉換成base64。

 

 

②搜索框在輸入的時候文字是貼着白框從左到右 ，與咱們想要的有點距離的效果不同。

 

解決方法：咱們在思考事後決定在<input>組件外在加一個<view>組件，這樣就能產生咱們想要的效果。

 

 

說明：因爲老師的gitlab服務器尚未搭好，因此我就將個人代碼更新到個人github上：https://github.com/TC-TC/douban

若要到導入此項目，在填寫項目appID時，找到project.config.json文件，用記事本打開，裏面有個「appID」,複製便可打開。

下面爲截圖的某些代碼的註釋：

 

 原本覺得前端的設計敲起來很簡單，但在實際操做時，想要達到咱們想要的效果仍是比較苦難的，第一次着手用微信開發平臺進行開發，

雖然原先學習了一點，可是大部分時間仍是須要靠百度，但願之後慢慢的熟練起來。