之前寫過一個demo，現在又改了點東西。

這是之前的樣子。

我都忍不住吐槽自己了。。

相比之前主要有以下變動

1.資料庫，儲存到了ECS上，這次https可以用自己的了，畢竟學校不可能搞得。

2.引入了fontawesome庫，加了點小圖示

3.樣式大換血，用了漸變

4.加了通告欄，後臺介面，其實這是我用來推自習室的，哈哈，因為圖書館分管新開了一個自習室，就我一個人去，剛好今天情人節，我失戀了，就換個通告，嘿嘿！

5.改了小細節，加了分享，防止為空，溫馨提示，收藏功能，熱搜功能。

遇到的問題與解決：

1.從引入fontawesome開始，下載原始檔，base64編碼好像，

@import"pages/index/fontAwesome";

在app.wxss引入就好了

使用如下：

 <text class='fa fa-question-circle-o'></text>
/*這是圖中的小問號*/

2.關於小程式列表樣式問題

小程式不支援DOM操作，而且實時更新樣式利用id無效，最後用的是三目運算，加上資料繫結，傳過來指定樣式，每個列表條例利用其index是唯一的來更改指定的樣式！

小紅心收藏：

fa-heart預設是灰色

fa-hearted是我寫的，紅色

currentTag：標識

index：迴圈下標

通過繫結事件，來確認當前條例被選中，來更改樣式。

<view class="fa  fa-heart  {{currentTag == index ? 'fa-hearted' : ''}}"></view>

3.分享按鈕

佈局：Position：fixed

事件：微信的文件是open-type=‘share’

需要在對應的JS中加入：onShareAppMessage方法

 <button open-type='share'>...</button>

onShareAppMessage: function (res) {
        if (res.from === 'button') {
            // 來自頁面內轉發按鈕
            console.log(res.target)
        }
        return {
            title: '分享給小夥伴',
            path: '/pages/index/index'
        }
    },
 

3.滾動通知，這個只用了css樣式，和一個繫結的動態通告

4.所有資料，均為json格式。

5.資料會定期更新，重新爬取。