个人中心的上半部分的静态页面和登录的静态页面
首页的页面列表的浏览人数的图标放大
This commit is contained in:
parent
087d8b5b36
commit
1ad9951258
@ -99,9 +99,9 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="title3">2025-07-24</view>
|
<view class="title3">2025-07-24</view>
|
||||||
<view style="display: flex;">
|
<view style="display: flex;">
|
||||||
<image style="width: 23rpx;height: 15rpx;"
|
<image style="width: 26rpx;height: 20rpx;"
|
||||||
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
|
||||||
<view class="title3" style="margin-left: 10rpx;">河南省洛阳市</view>
|
<view class="title3" style="margin-left: 10rpx;">11400</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -358,7 +358,7 @@
|
|||||||
|
|
||||||
.reListItem {
|
.reListItem {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
width: 630rpx;
|
width: 640rpx;
|
||||||
height: 190rpx;
|
height: 190rpx;
|
||||||
padding: 30rpx;
|
padding: 30rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -388,6 +388,7 @@
|
|||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,70 +3,108 @@
|
|||||||
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
|
:navbarStyle="template.style?.navbar" onShareAppMessage :showFloatButton="true">
|
||||||
<!-- 登录信息 -->
|
<!-- 登录信息 -->
|
||||||
<view class="myBox">
|
<view class="myBox">
|
||||||
<view class="box flex justify-start align-items flex-column">
|
<view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
|
||||||
<scroll-view @touchmove.prevent scroll-y="true" :show-scrollbar="true"
|
|
||||||
class="con-center flex flex-start flex-column">
|
class="con-center flex flex-start flex-column">
|
||||||
<view class="header flex align-items">
|
<view class="header">
|
||||||
<view class="hea-left flex align-items">
|
<!-- 用户信息 -->
|
||||||
<image :src="avatar" mode="" class="avatar" @click="clickTop"></image>
|
<view class="hea-left flex">
|
||||||
<view class="first-header flex justify-center align-items">
|
<view class="head-avatar" @click="toLogin">
|
||||||
<view class="flex flex-column" @click="clickTop">
|
<image style="width: 130rpx;height: 130rpx;border-radius: 152rpx;"
|
||||||
<!-- <view
|
src="/static/wechat.png"></image>
|
||||||
style="display: flex;align-items: center;;margin-bottom: 20rpx;font-weight: 800;font-size: 34rpx;color: #181818;">
|
</view>
|
||||||
<view>{{ userName }}</view>
|
<view class="headAvatar-info justify-start">
|
||||||
<view style="padding-left: 20rpx; height: 35rpx;">
|
<view class="info-name fs-36 weight8 flexD">会飞的蜗牛
|
||||||
<image v-if="shop_auth_info.auth_status == 1" src="/static/my/owenr.png" mode=""
|
<view class="authenticationBox weight8 fs-20">已认证</view>
|
||||||
style="width: 35rpx; height: 35rpx;">
|
|
||||||
</image>
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
<view style="color: #909090; font-size: 24rpx;">{{ bio || '带着热爱，在搭子圈里撒野~'}}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<image src="/static/goods-empty.png" mode=""
|
<view class="fs-28 weight4" style="margin-top: 30rpx;">剩余拨打次数： 10次</view>
|
||||||
style="width: 50rpx; height: 50rpx;position: absolute;right: 0;" @click="clickTop">
|
</view>
|
||||||
</image>
|
<view class="head-signInBox">
|
||||||
|
<image style="width: 46rpx;height: 44rpx;" src="https://jiangxiaoxian.0rui.cn/signIn.png" mode=""></image>
|
||||||
|
<view class="signInText" style="margin-left: 10rpx;">签到</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 四个主内容 -->
|
||||||
|
<view class="head-secondBox">
|
||||||
|
<view class="collect">
|
||||||
|
<view class="collect-num">14</view>
|
||||||
|
<view class="collect-text">收藏</view>
|
||||||
|
</view>
|
||||||
|
<view class="feetPrint">
|
||||||
|
<view class="feetPrint-num">14</view>
|
||||||
|
<view class="feetPrint-text">足迹</view>
|
||||||
|
</view>
|
||||||
|
<view class="feetPrint">
|
||||||
|
<view class="feetPrint-num">14</view>
|
||||||
|
<view class="feetPrint-text">积分</view>
|
||||||
|
</view>
|
||||||
|
<view class="collect">
|
||||||
|
<view class="collect-num">14</view>
|
||||||
|
<view class="collect-text">优惠券</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 我的订单 -->
|
||||||
|
<view class="myOrder">
|
||||||
|
<view class="myOrder-first">
|
||||||
|
<view style="font-weight: 800;font-size: 34rpx;line-height: 28rpx;color: #3d3d3d;">我的订单</view>
|
||||||
|
<view style="display: flex;align-items: center;justify-content: center;">
|
||||||
|
<view style="font-size: 26rpx;line-height: 26rpx;font-weight: 400;color: #999999;">全部订单</view>
|
||||||
|
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;" src="https://jiangxiaoxian.0rui.cn/rightMore.png" mode=""></image>
|
||||||
|
<!-- <uni-icons type="arrowthinright" color="#999" style="line-height: 40px;"></uni-icons> -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="myOrder-second">
|
||||||
|
<view class="pendingBox">
|
||||||
|
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendPay.png"></image>
|
||||||
|
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待支付</view>
|
||||||
|
</view>
|
||||||
|
<view class="pendingBox">
|
||||||
|
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/shipment.png"></image>
|
||||||
|
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待发货</view>
|
||||||
|
</view>
|
||||||
|
<view class="pendingBox">
|
||||||
|
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/pendingDoods.png"></image>
|
||||||
|
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">待收货</view>
|
||||||
|
</view>
|
||||||
|
<view class="pendingBox">
|
||||||
|
<image class="pendImg" src="https://jiangxiaoxian.0rui.cn/completed.png"></image>
|
||||||
|
<view class="fs-28 weight4" style="margin-top: 20rpx;color: #3d3d3d;">已完成</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="hea-right flex flex-column align-items" @click="out()" v-if="token">
|
|
||||||
<image src="../../static/my/Leave.png" mode="" style="width: 64rpx; height: 64rpx;"></image>
|
|
||||||
<span>退出登录</span>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<view style="height: 80rpx;width: 100%;"></view>
|
<view style="height: 80rpx;width: 100%;"></view>
|
||||||
</scroll-view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 授权登录 -->
|
<!-- 授权登录
|
||||||
<u-popup :show="showPopup" mode="center" round="20"
|
<u-popup :show="showLogin == true" type="center" round="20"
|
||||||
:customStyle="{ 'width': '644rpx', 'height': '426rpx','position': 'relative'}" :closeable="false"
|
:customStyle="{ 'width': '644rpx', 'height': '426rpx','position': 'relative'}" :closeable="false"
|
||||||
@close="close">
|
@close="closeLogin" @open="openLogin">
|
||||||
<!-- 隐私协议 -->
|
|
||||||
<lsl-protocol-popup title="用户协议和隐私政策提示" predesc="感谢您使用洛阳多样青春搭+。为保护您的个人信息安全，在您洛阳多样青春搭+的服务前，请务必仔细阅读"
|
|
||||||
subdesc='以了解详细内容。如您同意，请点击“同意并继续”并开始使用我们的服务。'
|
|
||||||
top_img='https://naweigetetest2.hschool.com.cn/dyqc/dyqclogo.png' color="#C9935C" hideTabBar="true"
|
|
||||||
:onNeed='false' :other="other" :title_style="'padding-top:60rpx;'"
|
|
||||||
open_type='agreePrivacyAuthorization' @agree_call="miniLogin()">
|
|
||||||
</lsl-protocol-popup>
|
|
||||||
|
|
||||||
<view class="popup">
|
<view class="popup">
|
||||||
<img class="img_shouquan" src="https://naweigetetest2.hschool.com.cn/dyqc/shou1.png" alt="" />
|
|
||||||
<text id="txt2">授权成功后即可参加多种户外活动</text>
|
|
||||||
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
||||||
授权登录
|
授权登录
|
||||||
<!-- <u-icon label="" labelColor="#fff" size="28" name="/static/wechat1.png"></u-icon> -->
|
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>-->
|
||||||
|
|
||||||
|
<su-popup :show="showLogin == true" type="center" round="10" :isMaskClick="false">
|
||||||
|
<view class="popup">
|
||||||
|
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
||||||
|
授权登录
|
||||||
|
</button>
|
||||||
|
</view>
|
||||||
|
</su-popup>
|
||||||
|
|
||||||
<!-- <u-toast ref="uToast"></u-toast> -->
|
<!-- <u-toast ref="uToast"></u-toast> -->
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <s-block v-for="(item, index) in template.data" :key="index" :styles="item.style">
|
<!-- <s-block v-for="(item, index) in template.data" :key="index" :styles="item.style">
|
||||||
<s-block-item :type="item.type" :data="item.data" :styles="item.style" />
|
<s-block-item :type="item.type" :data="item.data" :styles="item.style" />
|
||||||
</s-block> -->
|
</s-block> -->
|
||||||
@ -75,7 +113,8 @@
|
|||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
computed
|
computed,
|
||||||
|
ref
|
||||||
} from 'vue';
|
} from 'vue';
|
||||||
import {
|
import {
|
||||||
onShow,
|
onShow,
|
||||||
@ -83,6 +122,9 @@
|
|||||||
onPullDownRefresh
|
onPullDownRefresh
|
||||||
} from '@dcloudio/uni-app';
|
} from '@dcloudio/uni-app';
|
||||||
import sheep from '@/sheep';
|
import sheep from '@/sheep';
|
||||||
|
|
||||||
|
const showLogin = ref(false);
|
||||||
|
|
||||||
|
|
||||||
// 隐藏原生tabBar
|
// 隐藏原生tabBar
|
||||||
uni.hideTabBar({
|
uni.hideTabBar({
|
||||||
@ -104,96 +146,179 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
onPageScroll(() => {});
|
onPageScroll(() => {});
|
||||||
|
|
||||||
|
function toLogin() {
|
||||||
|
console.log('toLogin',showLogin.value);
|
||||||
|
showLogin.value = true;
|
||||||
|
console.log('showLogin',showLogin.value);
|
||||||
|
}
|
||||||
|
function closeLogin() {
|
||||||
|
console.log('closeLogin');
|
||||||
|
showLogin.value = false;
|
||||||
|
}
|
||||||
|
function openLogin() {
|
||||||
|
console.log('openLogin');
|
||||||
|
showLogin.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.myBox {
|
.pendImg {
|
||||||
position: fixed;
|
width: 70rpx;
|
||||||
padding-top: 200rpx;
|
height: 70rpx;
|
||||||
width: 750rpx;
|
|
||||||
min-height: 100vh;
|
|
||||||
background-color: #F5F5F5;
|
|
||||||
// background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/bgx2.png");
|
|
||||||
background-size: 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.weight4 {
|
||||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
font-weight: 400;
|
||||||
|
|
||||||
// padding-top: env(safe-area-inset-top);
|
|
||||||
/* 顶部安全距离 */
|
|
||||||
.backImg {
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.weight8 {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fs-28 {
|
||||||
|
font-size: 28rpx;
|
||||||
|
line-height: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fs-36 {
|
||||||
|
font-size: 36rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fs-20 {
|
||||||
|
font-size: 20rpx;
|
||||||
|
line-height: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flexD {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gird {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
.w-100 {
|
.w-100 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-start {
|
.flex-start {
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.justify-center {
|
.justify-center {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.align-items {
|
.align-items {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-column {
|
.flex-column {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.justify-start {
|
.justify-start {
|
||||||
justify-content: start;
|
justify-content: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.myBox {
|
||||||
|
position: fixed;
|
||||||
|
width: 750rpx;
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
background-size: 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
.con-center {
|
.con-center {
|
||||||
height: 1314rpx;
|
height: 1314rpx;
|
||||||
|
// padding: 0 30rpx;
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
width: 690rpx;
|
width: 93%;
|
||||||
|
height: 620rpx;
|
||||||
|
padding: 0 30rpx;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin: 0 auto;
|
align-items: center;
|
||||||
|
// margin: 0 auto;
|
||||||
|
// padding: 30rpx;
|
||||||
|
background-image: url('https://jiangxiaoxian.0rui.cn/topback.png');
|
||||||
|
background-size: 100%;
|
||||||
|
|
||||||
.hea-left {
|
.hea-left {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 140rpx;
|
||||||
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
top: 180rpx;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.head-avatar {
|
||||||
|
width: 130rpx;
|
||||||
.first-header {
|
height: 130rpx;
|
||||||
margin-left: 18rpx;
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
span {
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
.headAvatar-info {
|
||||||
font-weight: 800;
|
display: gird;
|
||||||
font-size: 34rpx;
|
// align-items: center;
|
||||||
color: #181818;
|
// justify-content: center;
|
||||||
// line-height: 26rpx;
|
|
||||||
|
.info-name {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
font-weight: 900rpx;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
|
||||||
|
.authenticationBox {
|
||||||
|
margin-left: 10rpx;
|
||||||
|
background-color: #333333;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
width: 80rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
color: #fecc4e;
|
||||||
|
display: flex;
|
||||||
|
padding: 5rpx 10rpx 8rpx 10rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.head-signInBox {
|
||||||
|
width: 156rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: -30rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #fff;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 116rpx 0 0 116rpx;
|
||||||
|
|
||||||
|
.signInText {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.line {
|
.line {
|
||||||
width: 320rpx;
|
width: 320rpx;
|
||||||
height: 1rpx;
|
height: 1rpx;
|
||||||
@ -201,7 +326,7 @@
|
|||||||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
margin: 19rpx 0 7rpx 0;
|
margin: 19rpx 0 7rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.red {
|
.red {
|
||||||
font-family: PingFang SC, PingFang SC;
|
font-family: PingFang SC, PingFang SC;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@ -210,99 +335,120 @@
|
|||||||
line-height: 32rpx;
|
line-height: 32rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hea-right {
|
.head-secondBox {
|
||||||
// width: 20%;
|
margin-top: 50rpx;
|
||||||
}
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
.line {}
|
align-items: center;
|
||||||
|
height: 76rpx;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.top_box {
|
|
||||||
width: 690rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 32rpx;
|
|
||||||
|
|
||||||
view {
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 18rpx;
|
|
||||||
width: 330rpx;
|
|
||||||
padding: 20rpx 0;
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 70rpx;
|
|
||||||
height: 70rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
margin-left: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p1 {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #323232;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p2 {
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #9C9C9C;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.top_box_right {
|
|
||||||
margin-left: 30rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.first {
|
|
||||||
width: 690rpx;
|
|
||||||
padding-bottom: 32rpx;
|
|
||||||
margin-top: 52rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
|
||||||
|
|
||||||
.centerBox {
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
view {
|
|
||||||
width: 120rpx;
|
|
||||||
margin: 42rpx 90rpx 0 0;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
top: 190rpx;
|
||||||
.numberPos {
|
|
||||||
position: absolute;
|
.collect {
|
||||||
right: 0%;
|
display: grid;
|
||||||
top: 0;
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 158rpx;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.collect-num {
|
||||||
|
font-size: 34rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collect-text {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 28rpx;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.feetPrint {
|
||||||
font-weight: 500;
|
display: grid;
|
||||||
font-size: 30rpx;
|
align-items: center;
|
||||||
color: #181818;
|
text-align: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 188rpx;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.feetPrint-num {
|
||||||
|
font-size: 34rpx;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feetPrint-text {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.myOrder {
|
||||||
|
width: 630rpx;
|
||||||
|
height: 206rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
bottom: 108rpx;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 18rpx;
|
||||||
|
display: block;
|
||||||
|
padding: 40rpx 30rpx;
|
||||||
|
|
||||||
|
.myOrder-first {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.myOrder-second {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.pendingBox {
|
||||||
|
display: block;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
|
background-image: url('https://jiangxiaoxian.0rui.cn/showLogin.png');
|
||||||
|
background-size: 100%;
|
||||||
|
width: 600rpx;
|
||||||
|
height: 640rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
padding-bottom: 44rpx;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: baseline;
|
||||||
justify-content: center;
|
justify-content: flex-end;
|
||||||
padding-left: 73rpx;
|
padding-left: 73rpx;
|
||||||
padding-right: 73rpx;
|
padding-right: 73rpx;
|
||||||
|
|
||||||
.img_shouquan {
|
.img_shouquan {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 680rpx;
|
width: 680rpx;
|
||||||
@ -310,8 +456,8 @@
|
|||||||
left: -25rpx;
|
left: -25rpx;
|
||||||
top: -390rpx;
|
top: -390rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#txt2 {
|
#txt2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 200rpx;
|
margin-top: 200rpx;
|
||||||
@ -321,333 +467,24 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.texbut {
|
.texbut {
|
||||||
width: 317rpx;
|
width: 507rpx;
|
||||||
height: 90rpx;
|
height: 90rpx;
|
||||||
border-radius: 45rpx;
|
border-radius: 45rpx;
|
||||||
background: #323232;
|
background: #ffbd25;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
color: #fff;
|
color: #3d3d3d;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.jifen {
|
|
||||||
width: 690rpx;
|
|
||||||
height: 86rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
||||||
margin-top: 41rpx;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.left {
|
|
||||||
margin-left: 32rpx;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 104rpx;
|
|
||||||
height: 32rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #181818;
|
|
||||||
line-height: 32rpx;
|
|
||||||
margin: 0 12rpx 0 6rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.scoring {
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 42rpx;
|
|
||||||
color: #FFB134;
|
|
||||||
line-height: 32rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
margin-right: 32rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #9E9E9E;
|
|
||||||
line-height: 32rpx;
|
|
||||||
|
|
||||||
span {
|
|
||||||
margin-right: 8rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mymoney {
|
|
||||||
|
|
||||||
width: 690rpx;
|
|
||||||
height: 200rpx;
|
|
||||||
background: #323232;
|
|
||||||
border-radius: 24rpx;
|
|
||||||
position: relative;
|
|
||||||
align-items: flex-start;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
|
|
||||||
.myyue {
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tixian {
|
|
||||||
width: 148rpx;
|
|
||||||
height: 68rpx;
|
|
||||||
position: absolute;
|
|
||||||
right: -10rpx;
|
|
||||||
top: 45rpx;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.tixianwz {
|
|
||||||
position: absolute;
|
|
||||||
right: 35rpx;
|
|
||||||
top: 62rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #323232;
|
|
||||||
}
|
|
||||||
|
|
||||||
.botmoney {
|
|
||||||
margin-top: 22rpx;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
color: #777777;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 26rpx;
|
|
||||||
|
|
||||||
.shu {
|
|
||||||
width: 2rpx;
|
|
||||||
height: 22rpx;
|
|
||||||
margin: 0 20rpx;
|
|
||||||
background: #848484;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.service {
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
height: 206rpx;
|
|
||||||
// background: url("https://naweigetetest2.hschool.com.cn/dyqc/zhuliren.png");
|
|
||||||
background-size: 690rpx 206rpx;
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hot {
|
|
||||||
// margin-top: 30rpx;
|
|
||||||
margin-bottom: 100rpx;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.part {
|
|
||||||
width: 162rpx;
|
|
||||||
height: 70rpx;
|
|
||||||
// background: url(@/static/index/shangche.png);
|
|
||||||
background-size: 162rpx 70rpx;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
font-family: 'YouSheBiaoTiHei';
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 42rpx;
|
|
||||||
color: #BBFC5B;
|
|
||||||
}
|
|
||||||
|
|
||||||
.part1 {
|
|
||||||
width: 162rpx;
|
|
||||||
height: 70rpx;
|
|
||||||
// background: url(@/static/index/shangchew.png);
|
|
||||||
background-size: 162rpx 70rpx;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
font-family: 'YouSheBiaoTiHei';
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 42rpx;
|
|
||||||
color: #9C9C9C;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
// height: 462rpx;
|
|
||||||
// overflow-x: auto;
|
|
||||||
/* 允许横向滚动 */
|
|
||||||
// white-space: nowrap;
|
|
||||||
|
|
||||||
width: 690rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
.bbb {
|
|
||||||
background: #ffffff;
|
|
||||||
margin-top: 24rpx;
|
|
||||||
border-radius: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
margin-left: 30rpx;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 95%;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #323232;
|
|
||||||
}
|
|
||||||
|
|
||||||
.first-image {
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #9C9C9C;
|
|
||||||
|
|
||||||
span {
|
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #222222;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
margin: 10rpx 0 26rpx 0;
|
|
||||||
|
|
||||||
.remen {
|
|
||||||
// width: 136rpx;
|
|
||||||
height: 40rpx;
|
|
||||||
background: #ebfaf5;
|
|
||||||
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
|
||||||
|
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #14bc84;
|
|
||||||
line-height: 28rpx;
|
|
||||||
padding: 2rpx 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.line-colum {
|
|
||||||
width: 1rpx;
|
|
||||||
height: 32rpx;
|
|
||||||
background: #7a7a7a;
|
|
||||||
margin: 0 13rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
width: 110rpx;
|
|
||||||
height: 32rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #7a7a7a;
|
|
||||||
line-height: 32rpx;
|
|
||||||
margin-left: 12rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.jigou {
|
|
||||||
width: 312rpx;
|
|
||||||
// height: 32rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #7a7a7a;
|
|
||||||
margin: 4rpx 0 14rpx 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time {
|
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #323232;
|
|
||||||
line-height: 30rpx;
|
|
||||||
|
|
||||||
.time_tex {
|
|
||||||
width: 116rpx;
|
|
||||||
height: 42rpx;
|
|
||||||
background: #BBFC5B;
|
|
||||||
border-radius: 159rpx;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #323232;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time_texs {
|
|
||||||
background: #FF4810;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.imgs_con {
|
|
||||||
width: 202rpx;
|
|
||||||
height: 202rpx;
|
|
||||||
margin-right: 12rpx;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
border-radius: 18rpx 0 0 18rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(3) {
|
|
||||||
border-radius: 0 18rpx 18rpx 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom {
|
|
||||||
margin: 32rpx 0 32rpx 24rpx;
|
|
||||||
width: 655rpx;
|
|
||||||
|
|
||||||
.toptext {
|
|
||||||
width: 480rpx;
|
|
||||||
|
|
||||||
.smalld {
|
|
||||||
margin-left: 0 !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.number {
|
|
||||||
font-family: Source Han Sans CN, Source Han Sans CN;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #3D3D3D;
|
|
||||||
line-height: 30rpx;
|
|
||||||
width: 242rpx;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 26rpx;
|
|
||||||
color: #7a7a7a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.money {
|
|
||||||
width: 150rpx;
|
|
||||||
font-family: PingFang SC, PingFang SC;
|
|
||||||
font-weight: 800;
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #ff2323;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ovr {
|
|
||||||
width: 312rpx;
|
|
||||||
background: #ffffff;
|
|
||||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
||||||
margin-top: 18rpx;
|
|
||||||
margin-right: 24rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
BIN
static/wechat.png
Normal file
BIN
static/wechat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
x
Reference in New Issue
Block a user