parent
379b369e1c
commit
f0ba491683
@ -1,185 +1,187 @@
|
|||||||
/* pages/home/me/grzl/grzl.wxss */
|
/* pages/home/me/grzl/grzl.wxss */
|
||||||
.reback{
|
.xgzl-container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 20rpx;
|
width: 100%;
|
||||||
margin-top:108rpx;
|
height: 100%;
|
||||||
|
padding-top: 88rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-header {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reback{
|
||||||
width:48rpx;
|
width:48rpx;
|
||||||
height:48rpx;
|
height:48rpx;
|
||||||
background-repeat: no-repeat;
|
margin-left: 20rpx;
|
||||||
background-size:100% 100%;
|
background-size:100% 100%;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
position: absolute;
|
|
||||||
left: 278rpx;
|
|
||||||
top: 108rpx;
|
|
||||||
width: 196rpx;
|
width: 196rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
|
margin-left: 210rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
text-align: center;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.yhtx{
|
.xgzl-img {
|
||||||
position: absolute;
|
position: relative;
|
||||||
left: 74px;
|
width: 100%;
|
||||||
top: 109px;
|
height: 224rpx;
|
||||||
width: 140rpx;
|
display: flex;
|
||||||
height: 140rpx;
|
align-items: center;
|
||||||
border-radius: 74rpx;
|
justify-content: center;
|
||||||
border: 3px solid rgba(161, 134, 81, 1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar1{
|
.avatar1{
|
||||||
position: absolute;
|
|
||||||
left: 77px;
|
|
||||||
top: 112px;
|
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
|
margin: 0 64rpx 0 148rpx;
|
||||||
border-radius: 74rpx;
|
border-radius: 74rpx;
|
||||||
|
border: 6rpx solid #A18651;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nickname{
|
||||||
|
border: 1px solid #ffffff;
|
||||||
|
/* color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0 !important;
|
||||||
|
border: none !important;
|
||||||
|
background-color: rgba(108, 108, 108, 0) !important; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-sculpture {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 50rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jltxtxt{
|
||||||
|
color: rgba(154, 154, 154, 1);
|
||||||
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cameralogo{
|
.cameralogo{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 128px;
|
top: 144rpx;
|
||||||
top: 162px;
|
left: 296rpx;
|
||||||
width: 13px;
|
width: 38rpx;
|
||||||
height: 13px;
|
height: 38rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #4F4F4F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cameralogo-img {
|
||||||
|
width: 26rpx;
|
||||||
|
height: 26rpx;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size:100% 100%;
|
background-size:100% 100%;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/camera.png);
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/camera.png);
|
||||||
}
|
}
|
||||||
.nickname{
|
|
||||||
z-index: 999;
|
.txcheck-box {
|
||||||
position: absolute;
|
width: 100%;
|
||||||
left: 176px;
|
height: 164rpx;
|
||||||
top: 131px;
|
overflow-x: scroll;
|
||||||
width: 126px;
|
overflow: hidden;
|
||||||
height: 27px;
|
}
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 18px;
|
.txcheck{
|
||||||
text-align: left;
|
width: 844rpx;
|
||||||
font-family: SourceHanSansSC-medium;
|
height: 164rpx;
|
||||||
|
text-align: center;
|
||||||
|
overflow: auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemxx{
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-right: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-data {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
padding: 0 64rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xzwz{
|
.xzwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 436px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.srwz{
|
.srwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 380px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbwz{
|
.xbwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 324px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ssxz{
|
.ssxz{
|
||||||
position: absolute;
|
width: 104rpx;
|
||||||
left: 291px;
|
height: 48rpx;
|
||||||
top: 436px;
|
|
||||||
width: 52px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: right;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rlt{
|
|
||||||
position: absolute;
|
|
||||||
left: 260px;
|
|
||||||
top: 380px;
|
|
||||||
width: 83px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.srtxt{
|
.srtxt{
|
||||||
position: absolute;
|
|
||||||
left: 500rpx;
|
|
||||||
top: 380px;
|
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 24px;
|
height: 48rpx;
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbtxt{
|
.xbtxt{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 311px;
|
height: 48rpx;
|
||||||
top: 324px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
.jltxtxt{
|
|
||||||
position: absolute;
|
|
||||||
left: 25px;
|
|
||||||
top: 200px;
|
|
||||||
width: 56px;
|
|
||||||
height: 21px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
|
||||||
|
|
||||||
.txcheck{
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 221px;
|
|
||||||
width: 422px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
overflow: auto;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.itemxx{
|
|
||||||
margin-left: 21px;
|
|
||||||
margin-top: 32rpx;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.iii{
|
.iii{
|
||||||
width: 50px;
|
width: 100rpx;
|
||||||
height: 50px;
|
height: 100rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
}
|
}
|
||||||
@ -1,14 +1,17 @@
|
|||||||
<!--pages/index/index.wxml-->
|
<!--pages/index/index.wxml-->
|
||||||
|
<view class="bd">
|
||||||
<view class="bg">
|
<view class="bg">
|
||||||
<view class="quest"></view><!--问题图标-->
|
<!-- <view class="quest"></view>问题图标 -->
|
||||||
<view class="alb"></view><!--阿拉伯文字图标-->
|
<view class="alb"></view><!--阿拉伯文字图标-->
|
||||||
<view class="qr"></view><!--扫码图标-->
|
<view class="qr">
|
||||||
<view class="js" bindtap="scanCodeEvent" ></view><!--晶石图片-->
|
<view class="js" bindtap="scanCodeEvent" ></view><!--晶石图片-->
|
||||||
<view class="yw"></view><!--下方黄色小卡图-->
|
</view><!--扫码图标-->
|
||||||
|
<view class="yw">
|
||||||
|
<view class="shadow"></view>
|
||||||
|
</view><!--下方黄色小卡图-->
|
||||||
<view class="jstext"></view><!--晶石文字-->
|
<view class="jstext"></view><!--晶石文字-->
|
||||||
<view class="yx">
|
<view class="yx" bindtap="go2Get">获取晶石</view><!--圆形图片-->
|
||||||
<view class="hqjs" bindtap="go2Get"><text>获取晶石</text></view>
|
</view>
|
||||||
</view><!--圆形图片-->
|
|
||||||
</view>
|
</view>
|
||||||
<t-toast id="t-toast" />
|
<t-toast id="t-toast" />
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in new issue