微信小程序個人中心的列表控件實現(xiàn)代碼
更新時間：2020年04月26日 11:52:11 作者：wy313622821
這篇文章主要介紹了微信小程序個人中心的列表控件實現(xiàn)代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
個人中心的列表控件
首先來看效果圖
wxml
<view class="list-item"> <image class="item-image" src="../images/fuwu.png"></image> <text class="item-text">我的收藏</text> <image class="image-jiantou" src="../images/jiantou.png"></image> </view> <view class="line"></view>
wxss
.list-item {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 80rpx;
margin-top: 10rpx;
position: relative; /*父元素位置要設置為相對*/
}
.item-image {
width: 50rpx;
height: 50rpx;
margin: 20rpx;
}
.item-text {
color: gray;
font-size: 35rpx;
margin-left: 20rpx;
}
.image-jiantou {
width: 20rpx;
height: 35rpx;
position: absolute; /* 要約束所在位置的子元素的位置要設置成絕對 */
right: 0; /* 靠右調(diào)節(jié) */
margin-right: 35rpx
}
.line {
width: 100%;
height: 3rpx;
background: lightgray;
margin-left: 90rpx;
}
到此這篇關(guān)于微信小程序個人中心的列表控件實現(xiàn)代碼的文章就介紹到這了,更多相關(guān)微信小程序個人中心內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了比較常見的js蒙版效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了javascript實現(xiàn)在線客服效果的實例代碼，非常不錯，這里推薦給大家，有需要的小伙伴可以參考下。2015-07-07
本文介紹了webpack實現(xiàn)熱加載自動刷新的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript之iterable_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript之iterable，遍歷Array可以采用下標循環(huán)，遍歷Map和Set就無法使用下標。為了統(tǒng)一集合類型，ES6標準引入了新的iterable類型，Array、Map和Set都屬于iterable類型2017-06-06
這篇文章主要介紹了JS在瀏覽器中解析Base64編碼圖像的相關(guān)資料,需要的朋友可以參考下2017-02-02
JavaScript具有很好的模塊和方法來發(fā)送可用于從服務器端資源發(fā)送或接收數(shù)據(jù)的HTTP請求。這篇文章主要介紹了JavaScript中發(fā)出HTTP請求最常用的方法,需要的朋友可以參考下2018-07-07
年底了各個公司都有抽獎活動，我也寫了一個超級簡單的代碼來實現(xiàn)抽獎效果，這里沒有華麗的Css3效果，但卻有短小精悍的js代碼。2015-01-01
瘋掉了,盡然有js寫的操作系統(tǒng)...2007-04-04
這篇文章主要幫助大家深入理解JavaScript程序中內(nèi)存泄漏問題，感興趣的小伙伴們可以參考一下2016-03-03
頁面滾動條處于低端,點擊回到頂部，并且隱藏掉，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈2013-06-06