微信小程序?qū)崿F(xiàn)橫向增長表格的方法
更新時(shí)間：2018年07月24日 10:49:14 作者：reoak
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)橫向增長表格的方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
效果圖如下所示：
下面給大家分享微信小程序橫向增長表格的實(shí)例代碼，代碼如下所示：
<view class='table'>
<view class='tr'>
<view class='td' wx:for='{{array}}'>{{item.day}}</view>
</view>
<view class='tr'>
<view class='td' wx:for='{{array}}'>{{item.number}}</view>
</view>
</view>
.table {
font-size: 24rpx;
margin-top: 50rpx;
border: 1rpx solid #dadada;
}
.tr {
width: 100%;
display: flex;
justify-content: space-between;
}
.td {
padding: 10rpx;
border-bottom: 1rpx solid #dadada;
border-right: 1rpx solid #dadada;
text-align: center;
width: 100%;
}
Page({
/**
* 頁面的初始數(shù)據(jù)
*/
data: {
array: [{
day: '7-24',
number: 4
},
{
day: '7-23',
number: 32
},
{
day: '7-22',
number: 32
},
{
day: '7-21',
number: 25
},
{
day: '7-20',
number: 32
},
{
day: '7-19',
number: 33
},
{
day: '7-18',
number: 33
}]
},
總結(jié)
以上所述是小編給大家介紹的微信小程序?qū)崿F(xiàn)橫向增長表格的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
微信小程序?qū)崿F(xiàn)點(diǎn)餐小程序左側(cè)滑動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)餐小程序左側(cè)滑動(dòng)菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了詳解uniapp的全局變量實(shí)現(xiàn)方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序頁面生命周期的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
layui字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法
今天小編就為大家分享一篇layui字體圖標(biāo) loading圖標(biāo)靜止不旋轉(zhuǎn)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript函數(shù)參數(shù)的傳遞方式詳解
本文主要介紹了JavaScript函數(shù)參數(shù)的傳遞方式，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
一個(gè)字符串String=“adadfdfseffserfefsefseetsdg”，找出里面出現(xiàn)次數(shù)最多的字母和出現(xiàn)的次數(shù)。 經(jīng)典的解答思路為：取出字符串的第一個(gè)字符（首字母），利用的字符串的 replace 方法將符合正則表達(dá)式（第一個(gè)字符）替代為空，此字母出現(xiàn)的次數(shù)為原始的字符串長度減去替代后的字符串長度。循環(huán)迭代找出長度最長的字母。2008-03-03
深入了解JavaScript的邏輯運(yùn)算符（與、或）
本篇文章分享的是 JS 當(dāng)中的邏輯運(yùn)算符與、或，也就是 && 、 || ，沒錯(cuò)，別看這簡簡單單的幾個(gè)運(yùn)算符，雖然這是最基礎(chǔ)的知識(shí)，但其中隱藏的奧秘卻十分耐人尋味，接下來本文就為大家一一揭開這簡單的運(yùn)算符背后的奇妙之處。2016-12-12
js+html5實(shí)現(xiàn)canvas繪制簡單矩形的方法
這篇文章主要介紹了js+html5實(shí)現(xiàn)canvas繪制簡單矩形的方法,涉及html5圖形繪制的基本技巧,需要的朋友可以參考下2015-06-06
這篇文章主要給大家介紹了利用純JS實(shí)現(xiàn)像素逐漸顯示的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-08-08
js實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片并兼容IE/FF火狐/谷歌等主流瀏覽器
js實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片做了兼容IE，F(xiàn)F火狐，谷歌等主流瀏覽器，具體實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-06-06