微信翻譯助手小程式 day4 翻譯歷史頁

主要完成學習目標：

（1）通過storage快取api，實現資料的儲存操作，完成翻譯歷史頁的實現

任務3.1 翻譯歷史頁實現

任務描述

完成如下圖所示效果展示：

任務實施

1.為翻譯歷史頁新增頁面渲染

1.1 為歷史列表頁的檢視層新增頁面渲染，開啟history.wxml檔案，新增如下**：

翻譯歷史

}} 

/* history.wxss */

view.container 
.history-title 
.history-title.stiky 
scroll-view.history-result-list 
view.history-result 
view.history-result:last-child 
.orign-text 
.tanslate-text 

2.1 開啟history.js檔案，新增頁面資料繫結變數，在data物件下新增如下**：

history: ,

state: ''

this.setdata()

let history = this.data.history
if (history && history.length > 0) )
} else )
}

ontaprelaunch: function (e) `

wx.relaunch()
}

小程式學習day4

今天學習的是swipter元件 css可以編輯乙個層級下的所有限制 如圖。只控制dimension下的所有image格式 影象在手機中顯示 這部分沒聽很明白，只是直觀理解 需要將影象中的畫素x2 然後用rpx字尾才是原本的影象寬度或者高度 在手機中自適應 idicator 下面的小點 後面就是開發文...

微信小程式（4） 顏色問題

在開發工具中，怎麼用顏色都沒啥問題，但一到真機除錯階段會有一些顏色無法顯示，主要原因是在開發工具中的模擬器支 持8位的顏色，而手機卻只能支援6位，所以說盡量採用6位，如果要設8位，那兩 位好像是透明度，應該有特殊方法可以表示。還有就是在設定tabbar的字型顏色時，一定要用色值，是 不能用 rgb ...

4 微信小程式條件渲染

打再標籤中，判斷是否顯示 寫法 wx if 越努力越幸運 view wx else view if和hidden 都能夠條件式的隱藏標籤，但if適用於不頻繁切換的場景 hidden適用頻繁切換的場景。就是迴圈式的顯示標籤 寫法 wx for view 預設的迴圈變數 序號 變數值 例如上面的結果是 ...