微信小程式固定表頭

2021-08-09 18:24:01 字數 1250 閱讀 3396

採用scroll-view巢狀,實現滾動**時,表頭不停留在頁面頂部。

主要是在js中指定tbody的高度:視窗可用高度減去要保留的高度(表頭,或表頭+標題);

wxml

本公司共發生}例風險事件

營業單位

風險事件\n發生次數

損失金額

rcsa評分結果

}}}} }}}

}

wxss

.table_title

.table

.tbody_scroll

.th.tr

.td

.bg-tr

.td-4

js

var schemecode = 'jsc_zcfx_fxsj';

page(,

/*** 生命週期函式--監聽頁面載入

*/onload: function (options)

});wx.getsysteminfo()}})

},createtable: function (datadate) ,

header: ,

success: function (res)

});wx.request(,

header: ,

success: function (res)

});settimeout(function () }}

}}

var data = new array();

var countnum = 0;

for (var i = 0; i < dataarray[1].length; i++) ;

data[i].bunit = dataarray[1][i];

data[i].reventnum = dataarray[2][i];

data[i].damount = dataarray[3][i];

data[i].rcsa = dataarray[4][i];

countnum += data[i].reventnum;

}console.log(data);

if (dataarray[1].length == 0)

if(data.length == 0) ]

}that.setdata()

}, 1000)

}})

按鈕懸浮固定在微信小程式底部

常見的有加入購物車按鈕 結算按鈕 收貨列表新增位址按鈕。以收貨位址為例,將新增位址按鈕懸浮於最底部,這樣再多的位址,也不會被遮擋而看不見。核心 如下 新增 新增位址按鈕 address add position fixed bottom 0 width 100 改用position fixed之後,...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...