From 85e4784f46e6e31aa1b7c0eb1816c34befebb243 Mon Sep 17 00:00:00 2001 From: LengYingxin Date: Sat, 11 Aug 2018 23:56:10 +0800 Subject: [PATCH] user --- app.wxss | 75 ++++++++++++++++++++++++++++++++++++++++--- pages/user/index.js | 4 ++- pages/user/index.json | 2 +- pages/user/index.wxml | 57 ++++++++++++++++++++++++++++++-- pages/user/index.wxss | 71 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 200 insertions(+), 9 deletions(-) diff --git a/app.wxss b/app.wxss index 2e4e135..51043c3 100644 --- a/app.wxss +++ b/app.wxss @@ -1,10 +1,10 @@ @font-face { font-family: 'iconfont'; /* project id 777313 */ - src: url('//at.alicdn.com/t/font_777313_ulb9e7ee6cl.eot'); - src: url('//at.alicdn.com/t/font_777313_ulb9e7ee6cl.eot?#iefix') format('embedded-opentype'), - url('//at.alicdn.com/t/font_777313_ulb9e7ee6cl.woff') format('woff'), - url('//at.alicdn.com/t/font_777313_ulb9e7ee6cl.ttf') format('truetype'), - url('//at.alicdn.com/t/font_777313_ulb9e7ee6cl.svg#iconfont') format('svg'); + src: url('//at.alicdn.com/t/font_777313_jq7td4d3uab.eot'); + src: url('//at.alicdn.com/t/font_777313_jq7td4d3uab.eot?#iefix') format('embedded-opentype'), + url('//at.alicdn.com/t/font_777313_jq7td4d3uab.woff') format('woff'), + url('//at.alicdn.com/t/font_777313_jq7td4d3uab.ttf') format('truetype'), + url('//at.alicdn.com/t/font_777313_jq7td4d3uab.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; @@ -18,8 +18,73 @@ .icon-dingweib:before { content: "\e652"; } /* 三角 */ .icon-choose:before { content: "\e601"; } +/* 右箭头 */ +.icon-right:before { content: "\e612"; } +/* 边框 */ +.app-border-top, +.app-border-bottom { + position: relative; + width: 100%; +} + +.app-border-top::after, +.app-border-bottom::after { + content: ''; + position: absolute; + background-color: #ddd; + display: block !important; + z-index: 1; + top: auto; + right: auto; + width: 100%; + height: 1rpx; + transform-origin: 50% 100%; + transform: scaleY(0.5); +} + +.app-border-top:last-child:after, +.app-border-bottom:last-child::after { + display: none !important; +} + +.app-border-top::after { + top: 0; +} + +.app-border-bottom::after { + bottom: 0; +} + +.app-border-left, +.app-border-right { + position: relative; + height: 100%; +} + +.app-border-left::before, +.app-border-right::before { + content: ''; + position: absolute; + background-color: #ddd; + display: block; + z-index: 1; + top: 0; + bottom: 0; + height: 100%; + width: 1rpx; + transform-origin: 50% 100%; + transform: scaleX(0.5); +} + +.app-border-left::before { + left: 0; +} + +.app-border-right::before { + right: 0; +} view{ font-family: PingFangSC-Semibold; } diff --git a/pages/user/index.js b/pages/user/index.js index daae2ca..0c208e4 100644 --- a/pages/user/index.js +++ b/pages/user/index.js @@ -4,7 +4,9 @@ Page({ * 页面的初始数据 */ data: { - + user:{ + avatar:'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg' + } }, /** diff --git a/pages/user/index.json b/pages/user/index.json index 4101a43..f034544 100644 --- a/pages/user/index.json +++ b/pages/user/index.json @@ -1,6 +1,6 @@ { "usingComponents": { - + "i-button": "../../dist/button/index" }, "navigationBarTitleText": "我的" } \ No newline at end of file diff --git a/pages/user/index.wxml b/pages/user/index.wxml index 7cb3df8..98c5136 100644 --- a/pages/user/index.wxml +++ b/pages/user/index.wxml @@ -1,3 +1,56 @@ - - 我的 + + + + + + 电话 + + + + + + 我的订单 + 全部订单 + + + + + 待付款 + + + + + + + + 已完成 + + + + + + + + + + + 卷包 + + + + + + + + 智能停车 + + + + + + + + \ No newline at end of file diff --git a/pages/user/index.wxss b/pages/user/index.wxss index e69de29..2fa3723 100644 --- a/pages/user/index.wxss +++ b/pages/user/index.wxss @@ -0,0 +1,71 @@ +.margin { + background: #f5f5f5; + height: 20rpx; +} + +.user-title { + height: 186rpx; + padding: 30rpx; + display: flex; + flex-direction: row; + box-sizing: border-box; + background: #FFFFFF; +} + +.user-avatar { + padding-right: 30rpx; + width: 126rpx; + height: 126rpx; +} + +.user-avatar image { + width: 100%; + height: 100%; + border-radius: 100%; +} + +.user-phone { + display: flex; + justify-content: center; + align-items: center; + font-family: PingFangSC-Regular; + font-size: 30rpx; + color: #000000; + letter-spacing: 0.64rpx; +} + +.user-btns .user-btn { + display: flex; + height: 88rpx; + font-size: 30rpx; + color: #000000; + line-height: 88rpx; +} + +.user-btns .user-btn>view { + flex: 1; + padding: 0 32px; +} + +.user-btns .user-btn>view:last-child { + text-align: right; + color: #B8B8B8; + font-size: 24rpx; +} + +.user-btns .user-btn>view:last-child .iconfont { + color: #A8A8A8; + font-size: 75rpx; +} + +.user-out-btn { + background-color: #fff; + height: 88rpx; + line-height: 88rpx; + font-family: PingFangSC-Semibold; + font-size: 30rpx; + color: #000000; + text-align: center; + border-radius:0; + border: none; +} \ No newline at end of file