我的项目 页面修改样式

This commit is contained in:
Mr.jiang 2024-07-04 16:41:19 +08:00
parent dbce491388
commit aa2e788463
4 changed files with 48 additions and 15 deletions

View File

@ -1328,7 +1328,7 @@
</view>
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
<!-- #ifndef H5 -->
<image src="../../static/images/index/jinji.png" class="bj_view" @tap="goBaoJing"></image>
<image v-if="order.status == 6" src="../../static/images/index/jinji.png" class="bj_view" @tap="goBaoJing"></image>
<!-- #endif -->
<!-- 支付方式 -->
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">

View File

@ -42,19 +42,16 @@
</view>
</view>
<view class="detail-foot-nav">
<span class="detail-foot-nav-text">项目详情</span>
<span class="detail-foot-nav-bor"></span>
</view>
<view class="margin-top-sm bg radius u-skeleton-fillet">
<view class="text-center padding">服务详情</view>
<view v-for="(item,index) in order.contentImg" :key="index" style="width: 100%;height: 80vh;">
<image :src="item" style="width: 100%;height: 100%;"></image>
<view v-for="(item,index) in order.contentImg" :key="index" style="width: 100%;height: 100%;padding: 15px;">
<image :src="item" style="width: 100%;height: 100%;" mode="widthFix"></image>
</view>
</view>
<!-- <u-picker v-model="show" mode="time" :params="params" @confirm="statusChange"></u-picker> -->
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
</view>
@ -257,7 +254,26 @@
</script>
<style>
.detail-foot-nav-bor{
width: 64px;
height: 5px;
border-radius: 2px;
position: absolute;
bottom: 0;
background: linear-gradient(90deg,rgba(55, 182, 157,0.7),rgba(132, 211, 196,0.7));
}
.detail-foot-nav-text{
font-weight: bold;
font-size: 15px;
color: #000000;
}
.detail-foot-nav{
width: 90%;
display: flex;
flex-direction: column;
position: relative;
margin: 10px auto 17px auto;
}
page {
background-color: #F7F7F7;
}

View File

@ -6,11 +6,12 @@
<image :src="avatar" class="head-port"
@click="goNav('/pages/my/userinfo')"></image>
</view>
<view class="u-flex-1 margin-left-sm text-white" v-if="isLogin && userName">
<view style="position: relative;" class="u-flex-1 margin-left-sm text-white" v-if="isLogin && userName">
<view class="flex align-center justify-between">
<view class="">
<view class="u-font-18 text-white" @click="goNav('/pages/my/user')">
欢迎{{ userName }}</view>
欢迎{{ userName }}
</view>
<view class="labe margin-top-xs" @tap="stateSave" v-if="XCXIsSelect != '否'">
<view class="online-tag" v-if="isTrue">在线</view>
<view class="online-tag" v-if="!isTrue">离线</view>
@ -18,6 +19,9 @@
<switch type="switch" :checked='isTrue' style="padding: 0 10rpx;transform:scale(0.8)"
color="#029d88" disabled />
</view>
<view class="qiandao" @click="goNavs('/my/qiandao/index')">
签到
</view>
</view>
<!-- <view class="flex margin-left-sm " style="font-size: 22rpx;font-weight: 500;"
@ -1485,6 +1489,19 @@ export default {
<style lang="scss" scoped>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
.qiandao{
width: 61px;
height: 30px;
line-height: 30px;
border: 1px solid #fff;
color: #fff;
font-size: 12px;
text-align: center;
position: absolute;
top: 0;
right: 0;
border-radius: 40px;
}
body {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@ -1818,7 +1835,7 @@ uni-switch::before {
display: flex;
justify-content: center;
align-items: center;
background-image: linear-gradient(230deg, #263d49, #00a65a);
background: linear-gradient(-90deg, #019C88, #1BB9A5, #029D88);
// box-shadow: inset 40px 20px 60px #107050,
// inset -20px -40px 60px #00a55a;

View File

@ -1179,6 +1179,6 @@
position: relative;
}
.text-cut{
width: 95%;
width: 75%;
}
</style>