微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼
更新時(shí)間：2020年04月26日 11:52:11 作者：wy313622821
這篇文章主要介紹了微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
個(gè)人中心的列表控件
首先來(lái)看效果圖
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; /*父元素位置要設(shè)置為相對(duì)*/
}
.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; /* 要約束所在位置的子元素的位置要設(shè)置成絕對(duì) */
right: 0; /* 靠右調(diào)節(jié) */
margin-right: 35rpx
}
.line {
width: 100%;
height: 3rpx;
background: lightgray;
margin-left: 90rpx;
}
到此這篇關(guān)于微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼的文章就介紹到這了,更多相關(guān)微信小程序個(gè)人中心內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
underscore之function_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
因?yàn)閡nderscore本來(lái)就是為了充分發(fā)揮JavaScript的函數(shù)式編程特性，所以也提供了大量JavaScript本身沒(méi)有的高階函數(shù)。本文重點(diǎn)給大家介紹underscore之function知識(shí)，感興趣的的朋友一起學(xué)習(xí)吧2017-07-07
js實(shí)現(xiàn)帶農(nóng)歷和八字等信息的日歷特效
本文主要介紹了js實(shí)現(xiàn)帶農(nóng)歷和八字等信息的日歷特效,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義輪播圖，swiper dots默認(rèn)樣式修改，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象(附5種常見方法)
在JavaScript中判斷對(duì)象的類型是開發(fā)過(guò)程中的一個(gè)常見需求,尤其是在處理不確定類型的數(shù)據(jù)時(shí),這篇文章主要介紹了JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象的相關(guān)資料,需要的朋友可以參考下2025-04-04
本篇文章是對(duì)如何讓頁(yè)面加載完成后執(zhí)行js的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這是我在給庫(kù)中添加事件的時(shí)候?qū)懙奶砑邮录姆椒ǎ∵@個(gè)方法實(shí)現(xiàn)了跨瀏覽器之間的方法！2009-02-02
JS獲取url參數(shù),JS發(fā)送json格式的POST請(qǐng)求方法
下面小編就為大家分享一篇JS獲取url參數(shù),JS發(fā)送json格式的POST請(qǐng)求方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
本文為大家分享的是一款效果非?？岬奈募蟼鞅韱斡蛎阑匦?。有7種不同的美化文件上傳域的效果，很時(shí)尚，感興趣的小伙伴們可以參考一下2015-11-11
JS定時(shí)器實(shí)現(xiàn)數(shù)值從0到10來(lái)回變化
最近做項(xiàng)目遇到一需求要求實(shí)現(xiàn)數(shù)值從0到10來(lái)回變化，下面小編給大家分享下實(shí)現(xiàn)代碼，需要的朋友參考下2016-12-12
js+html5實(shí)現(xiàn)復(fù)制文字按鈕
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)復(fù)制文字按鈕，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07