From 63ff541464696d4787064b8a6623ad6c5b63a7c8 Mon Sep 17 00:00:00 2001 From: lsl Date: Thu, 4 May 2023 22:05:44 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=96=B0=E5=A2=9E=E4=BB=A3?= =?UTF-8?q?=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.wxss | 2 + pages/home/me/iconfont.wxss | 39 +++++++ pages/home/me/indexx.json | 5 +- pages/home/me/indexx.wxml | 61 ++++++++++- pages/home/me/indexx.wxss | 210 +++++++++++++++++++++++++++++++++++- pages/home/xx/xz/xz.wxss | 3 +- pages/home/xyc/index.wxml | 11 +- pages/home/xyc/index.wxss | 102 +++++++++++++++++- styles/icons/iconfont.wxss | 39 +++++++ 9 files changed, 460 insertions(+), 12 deletions(-) create mode 100644 pages/home/me/iconfont.wxss create mode 100644 styles/icons/iconfont.wxss diff --git a/app.wxss b/app.wxss index 06c6fc9..b6af8d4 100644 --- a/app.wxss +++ b/app.wxss @@ -1,4 +1,6 @@ /**app.wxss**/ +@import 'styles/icons/iconfont.wxss'; + .container { height: 100%; display: flex; diff --git a/pages/home/me/iconfont.wxss b/pages/home/me/iconfont.wxss new file mode 100644 index 0000000..437f9ea --- /dev/null +++ b/pages/home/me/iconfont.wxss @@ -0,0 +1,39 @@ +@font-face { + font-family: "iconfont"; + src: url('iconfont.eot?t=8a9a2e45cddd46c8252416b9bb21c7e4'); /* IE9 */ + src: url('iconfont.eot?t=8a9a2e45cddd46c8252416b9bb21c7e4#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('iconfont.woff?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('woff2'), + url('iconfont.woff?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('woff'), /* chrome、firefox */ + url('iconfont.ttf?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ + url('iconfont.svg?t=8a9a2e45cddd46c8252416b9bb21c7e4#iconfont') format('svg'); /* iOS 4.1- */ + } + + .iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .icon-xzlogout:before { + content: "\e008"; + } + .icon-xzversion:before { + content: "\e009"; + } + .icon-xzysxy:before { + content: "\e00a"; + } + .icon-xzyhxy:before { + content: "\e00b"; + } + .icon-xzcjwt:before { + content: "\e00c"; + } + .icon-xzphone:before { + content: "\e00d"; + } + .icon-xzjl:before { + content: "\e00e"; + } \ No newline at end of file diff --git a/pages/home/me/indexx.json b/pages/home/me/indexx.json index 3928faa..273d0d8 100644 --- a/pages/home/me/indexx.json +++ b/pages/home/me/indexx.json @@ -1,3 +1,6 @@ { - "usingComponents": {} + "usingComponents": { + "t-cell": "tdesign-miniprogram/cell/cell", + "t-icon": "tdesign-miniprogram/icon/icon" + } } \ No newline at end of file diff --git a/pages/home/me/indexx.wxml b/pages/home/me/indexx.wxml index ca544fe..c5b6cb9 100644 --- a/pages/home/me/indexx.wxml +++ b/pages/home/me/indexx.wxml @@ -1,2 +1,61 @@ -pages/home/me/indexx.wxml + + + +此处昵称七个字 + + 还有21天到期 + + + 说明书 + 加入社群 + 我的设备 + + + + + + + + + + + + + + + 了解星座精灵 + + + + 绑定手机号 + 18650351666 + + + + 常见问题 + + + + 意见反馈 + + + + 用户使用协议 + + + + 隐私协议 + + + + 小程序版本 + V1.0 + + + + 退出登录 + + + + diff --git a/pages/home/me/indexx.wxss b/pages/home/me/indexx.wxss index 725140b..5b84257 100644 --- a/pages/home/me/indexx.wxss +++ b/pages/home/me/indexx.wxss @@ -1 +1,209 @@ -/* pages/home/me/indexx.wxss */ \ No newline at end of file +/* pages/home/me/indexx.wxss */ +.xxt{ + position: absolute; + width: 530rpx; + height: 642rpx; + display: flex; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/xxt.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; +} +.txk{ + margin-left: 64rpx; + margin-top: 208rpx; + position: absolute; + width: 140rpx; + height: 140rpx; + display: flex; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/txk.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; +} + +.txkx{ + margin-left: 86rpx; + margin-top: 242rpx; + position: absolute; + width: 98rpx; + height: 72rpx; + display: flex; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/txkx.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; +} + +.nickname{ + position: absolute; + margin-left: 236rpx; + margin-top: 252rpx; + width: 252rpx; + height: 52rpx; + line-height: 52rpx; + color: rgba(108, 108, 108, 1); + font-size: 36rpx; + text-align: left; + font-family: SourceHanSansSC-medium; +} + +.hybs{ + position: absolute; + left: 562rpx; + top: 208rpx; + width: 100rpx; + height: 100rpx; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/hy.png); +} + +.hydqr{ + position: absolute; + left: 534rpx; + top: 312rpx; + width: 160rpx; + height: 36rpx; + color: rgba(248, 105, 50, 1); + font-size: 24rpx; + text-align: left; + font-family: SourceHanSansSC-regular; +} + +.gnk{ + position: absolute; + margin-left: 32rpx; + margin-top: 412rpx; + width: 686rpx; + height: 234rpx; + line-height: 52rpx; + border-radius: 20rpx; + background-color: rgba(255, 255, 255, 1); + color: rgba(16, 16, 16, 1); + font-size: 26rpx; + text-align: center; + box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.2); + font-family: Arial; +} + +.circle{ + position: absolute; + width: 90rpx; + height: 90rpx; + line-height: 34rpx; + background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); + color: rgba(16, 16, 16, 1); + font-size: 24rpx; + text-align: center; + font-family: Arial; + border-radius: 50%; + margin-top:42rpx; +} +.sx{ + position: absolute; + margin-left: 424rpx; + margin-top: 60rpx; + width: 2rpx; + height: 114rpx; + background-color:#BBBBBB; + border-radius: 0 50% 0 50%; +} +.k1{ + margin-left:68rpx; +} +.k2{ + margin-left:254rpx; +} +.k3{ + margin-left:512rpx; +} + +.sms{ + position: absolute; + width: 54rpx; + height: 54rpx; + margin: 18rpx 18rpx; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sms.png); +} + +.sq{ + position: absolute; + width: 54rpx; + height: 54rpx; + margin: 18rpx 18rpx; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sq.png); +} + +.sb{ + position: absolute; + width: 30rpx; + height: 66rpx; + margin: 14rpx 30rpx ; + background-repeat: no-repeat; + background-size:100% 100%; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/sb.png); +} + +.smst{ + position: absolute; + left: 57rpx; + top: 152rpx; + width: 420rpx; + height: 42rpx; + color: rgba(108, 108, 108, 1); + font-size: 28rpx; + text-align: left; + +} + +.wdsbt{ + position: absolute; + left: 244rpx; + top: 152rpx; + width: 420rpx; + height: 42rpx; + color: rgba(108, 108, 108, 1); + font-size: 28rpx; + text-align: left; + +} + +.jrsqt{ + position: absolute; + left: 500rpx; + top: 152rpx; + width: 420rpx; + height: 42rpx; + color: rgba(108, 108, 108, 1); + font-size: 28rpx; + text-align: left; + +} + +.mycell{ + position: absolute; + margin-top: 720rpx; + width:730rpx; + margin-left: 10rpx; +} + +.mycelltext{ + margin-left: 30rpx; + color: rgba(108, 108, 108, 1); + font-size: 32rpx; + font-family: SourceHanSansSC-regular; +} \ No newline at end of file diff --git a/pages/home/xx/xz/xz.wxss b/pages/home/xx/xz/xz.wxss index b705aad..bc6c524 100644 --- a/pages/home/xx/xz/xz.wxss +++ b/pages/home/xx/xz/xz.wxss @@ -42,4 +42,5 @@ margin-top: 132rpx; margin-left: 64.67rpx; border-radius: 6.67rpx; -} \ No newline at end of file +} + diff --git a/pages/home/xyc/index.wxml b/pages/home/xyc/index.wxml index 6aed468..28fc4ef 100644 --- a/pages/home/xyc/index.wxml +++ b/pages/home/xyc/index.wxml @@ -1,4 +1,7 @@ - - - - +银币0.3枚 +我的愿望 + + + + + \ No newline at end of file diff --git a/pages/home/xyc/index.wxss b/pages/home/xyc/index.wxss index 6f68b62..d2e1c9e 100644 --- a/pages/home/xyc/index.wxss +++ b/pages/home/xyc/index.wxss @@ -19,15 +19,15 @@ .xybtn{ position: absolute; width: 234rpx; - height: 96.67rpx; + height: 146.67rpx; display: flex; text-align: center; flex-direction: column; background-repeat: no-repeat; background-size:100% 100%; - margin-left:452rpx; - margin-top: 206.33rpx; - background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xy/btn.png); + margin-left:258rpx; + margin-top: 1228rpx; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/xybtn.png); color:#9A9A9A; text-align: center; font-size: 27rpx; @@ -45,4 +45,98 @@ text-align: center; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); border: 20rpx solid rgba(255, 255, 255, 1); +} + +.xybtn2{ + position: absolute; + margin-left: 98rpx; + margin-top: 193rpx; + width: 200rpx; + height: 67.495rpx; + border-radius: 10px; + background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%); + text-align: center; + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); + border: 3px solid rgba(255, 255, 255, 1); + line-height: 67.495rpx; + color: aliceblue; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 30rpx; +} +.btn21{ + margin-left:10rpx; + text-align: left; +} +.btn22{ + margin-left:10rpx; + text-align: left; +} + +.xybtn3{ + position: absolute; + margin-left: 452rpx; + margin-top: 193rpx; + width: 200rpx; + height: 67.495rpx; + line-height: 67.495rpx; + text-align: center; + color: aliceblue; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 30rpx; + border-radius: 10px; + background: linear-gradient(233.49deg, rgba(248,99,42,1) 10.48%,rgba(249,135,89,1) 89.2%); + text-align: center; + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); + border: 3px solid rgba(255, 255, 255, 1); +} + +.bgt3{ + position: absolute; + width: 684.67rpx; + height: 988rpx; + display: flex; + text-align: center; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + margin-left:46rpx; + margin-top: 242rpx; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt3.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; +} + +.bgt1{ + position: absolute; + width: 656rpx; + height: 914rpx; + display: flex; + text-align: center; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + margin-left:48rpx; + margin-top: 280rpx; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt1.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; +} + +.bgt2{ + position: absolute; + width: 410rpx; + height: 356.67rpx; + display: flex; + text-align: center; + flex-direction: column; + background-repeat: no-repeat; + background-size:100% 100%; + margin-left:170rpx; + margin-top: 348rpx; + background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/xyc/bgt2.png); + color:#9A9A9A; + text-align: center; + font-size: 27rpx; } \ No newline at end of file diff --git a/styles/icons/iconfont.wxss b/styles/icons/iconfont.wxss new file mode 100644 index 0000000..e2a47cd --- /dev/null +++ b/styles/icons/iconfont.wxss @@ -0,0 +1,39 @@ +@font-face { + font-family: "iconfont"; + src: url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.eot?t=8a9a2e45cddd46c8252416b9bb21c7e4'); /* IE9 */ + src: url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.eot?t=8a9a2e45cddd46c8252416b9bb21c7e4#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.woff?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('woff2'), + url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.woff?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('woff'), /* chrome、firefox */ + url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.ttf?t=8a9a2e45cddd46c8252416b9bb21c7e4') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ + url('//cdn3.codesign.qq.com/icons/q6W3G0m5oJ0lOwL/latest/iconfont.svg?t=8a9a2e45cddd46c8252416b9bb21c7e4#iconfont') format('svg'); /* iOS 4.1- */ + } + + .icon { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .icon-xzlogout:before { + content: "\e008"; + } + .icon-xzversion:before { + content: "\e009"; + } + .icon-xzysxy:before { + content: "\e00a"; + } + .icon-xzyhxy:before { + content: "\e00b"; + } + .icon-xzcjwt:before { + content: "\e00c"; + } + .icon-xzphone:before { + content: "\e00d"; + } + .icon-xzjl:before { + content: "\e00e"; + } \ No newline at end of file