美女视频费网站免费观看,美女视频全黄全免费,巨大机巴进刘涛里面视频

微信小程序云開(kāi)發(fā)個(gè)人博客項(xiàng)目實(shí)戰(zhàn)（3）

2020.05.08

一、功能

文章列表、下拉刷新
文章增加、編輯（富文本編輯）
文章刪除


文章列表	增加文章	編輯刪除

地址：https://github.com/itguliang/miniprogram-itguliang-cloud

二、實(shí)現(xiàn)

修改app.json-->pages，新增寫(xiě)文章及文章詳情頁(yè)面

"pages": [    "pages/article/articleAddorEdit",    "pages/article/articleDetail"]

1、寫(xiě)文章

home.wxml 加個(gè)寫(xiě)文章的按鈕，跳轉(zhuǎn)到寫(xiě)文章的頁(yè)面

<!--這種多個(gè)頁(yè)面用的組件，可以在app.json引入，就不用在多個(gè)json分別引入了--><van-button type="warning" bindtap="addArticle"> + 寫(xiě)文章</van-button>

頁(yè)面跳轉(zhuǎn)

addArticle:function(){    wx.navigateTo({      url: '../article/articleAddorEdit'    })}

修改寫(xiě)文章頁(yè)面的title，對(duì)應(yīng)的json文件中修改

{  "navigationBarTitleText": "寫(xiě)文章 - IT姑涼",  "usingComponents": {}}

文章內(nèi)容編輯器可以參考官方的editor --- 傳送門(mén)

封面上傳（不是必填項(xiàng)）--- 參考小程序云開(kāi)發(fā)的上傳圖片例子來(lái)修改

2、文章列表

3、寫(xiě)文章按鈕的顯示與隱藏

向下滾動(dòng)隱藏、向上滾動(dòng)顯示

<button class="btn-add" wx:if="{{addArticleBtnShow}}" bindtap="addArticle"> + 寫(xiě)文章</button>

監(jiān)聽(tīng)頁(yè)面滾動(dòng)事件

onPageScroll: function (e) {    console.log(e);    if (e.scrollTop>this.data.scrollTop){      this.setData({ addArticleBtnShow: false });    }else{      this.setData({ addArticleBtnShow: true });    }    this.setData({ scrollTop: e.scrollTop});  }

效果見(jiàn)文章開(kāi)頭

4、文章下拉刷新、上拉加載更多

下拉刷新，json中設(shè)置允許當(dāng)前頁(yè)面下拉刷新

{  "enablePullDownRefresh": true}

4、文章詳情

towxml解析HTML --- towxml使用-傳送門(mén)

三、遇到問(wèn)題

1、小程序頁(yè)面跳轉(zhuǎn)不同方法
wx.navigateTo
2、小程序修改單獨(dú)頁(yè)面title
app.json中 window 統(tǒng)一設(shè)置 title

"window": {    "backgroundColor": "#F6F6F6",    "backgroundTextStyle": "light",    "navigationBarBackgroundColor": "#F6F6F6",    "navigationBarTitleText": "IT姑涼",    "navigationBarTextStyle": "black"}

如果要修改某個(gè)頁(yè)面的title的話(huà)，可以在對(duì)應(yīng)頁(yè)面的json中修改

"backgroundTextStyle": "light","navigationBarBackgroundColor": "#FFFFFF","navigationBarTitleText": "單獨(dú)頁(yè)面","navigationBarTextStyle": "black"

也可在js中動(dòng)態(tài)加載

onLoad: function (options) {    wx.setNavigationBarTitle({      title: '當(dāng)前頁(yè)面'  //修改title    })},

3、小程序editor組件操作圖標(biāo)不全，可以中文下和英文下的兩個(gè)demo結(jié)合來(lái)用


中文下鏈接預(yù)覽的官方示例	英文下鏈接預(yù)覽的官方示例

4、小程序返回上個(gè)頁(yè)面刷新數(shù)據(jù)

var pages = getCurrentPages();var prevPage = pages[pages.length - 2];wx.navigateBack({   delta: 1,    success: function() {      if (prevPage.route == 'pages/home/home') {         prevPage.loadData();       }   }})

5、動(dòng)態(tài)修改class

<view class="className1 {{num==1?'className2':'className3'}}" ></view>

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶(hù)發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類(lèi)似文章

【微信小程序開(kāi)發(fā)?系列文章二】視圖層

微信小程序之下拉加載和上拉刷新

微信小程序的簡(jiǎn)單制作開(kāi)發(fā)流程，人人都可以自己開(kāi)發(fā)小程序

微信小程序開(kāi)發(fā)入門(mén)教程

畢設(shè)-智能車(chē)位管理系統(tǒng)微信小程序的設(shè)計(jì)與實(shí)現(xiàn)

通宵吐血趕出的全球首篇微信應(yīng)用號(hào)開(kāi)發(fā)教程！

更多類(lèi)似文章 >>

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

二、實(shí)現(xiàn)

1、寫(xiě)文章

2、文章列表

3、寫(xiě)文章按鈕的顯示與隱藏

4、文章下拉刷新、上拉加載更多