我的项目 页面修改样式
This commit is contained in:
parent
dbce491388
commit
aa2e788463
|
@ -1328,7 +1328,7 @@
|
||||||
</view>
|
</view>
|
||||||
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
|
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
|
||||||
<!-- #ifndef H5 -->
|
<!-- #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 -->
|
<!-- #endif -->
|
||||||
<!-- 支付方式 -->
|
<!-- 支付方式 -->
|
||||||
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
|
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
|
||||||
|
|
|
@ -42,19 +42,16 @@
|
||||||
</view>
|
</view>
|
||||||
</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="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: 100%;padding: 15px;">
|
||||||
<view v-for="(item,index) in order.contentImg" :key="index" style="width: 100%;height: 80vh;">
|
<image :src="item" style="width: 100%;height: 100%;" mode="widthFix"></image>
|
||||||
<image :src="item" style="width: 100%;height: 100%;"></image>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- <u-picker v-model="show" mode="time" :params="params" @confirm="statusChange"></u-picker> -->
|
<!-- <u-picker v-model="show" mode="time" :params="params" @confirm="statusChange"></u-picker> -->
|
||||||
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
|
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
|
||||||
</view>
|
</view>
|
||||||
|
@ -257,7 +254,26 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<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 {
|
page {
|
||||||
background-color: #F7F7F7;
|
background-color: #F7F7F7;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,11 +6,12 @@
|
||||||
<image :src="avatar" class="head-port"
|
<image :src="avatar" class="head-port"
|
||||||
@click="goNav('/pages/my/userinfo')"></image>
|
@click="goNav('/pages/my/userinfo')"></image>
|
||||||
</view>
|
</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="flex align-center justify-between">
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="u-font-18 text-white" @click="goNav('/pages/my/user')">
|
<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="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>
|
||||||
<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)"
|
<switch type="switch" :checked='isTrue' style="padding: 0 10rpx;transform:scale(0.8)"
|
||||||
color="#029d88" disabled />
|
color="#029d88" disabled />
|
||||||
</view>
|
</view>
|
||||||
|
<view class="qiandao" @click="goNavs('/my/qiandao/index')">
|
||||||
|
签到
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <view class="flex margin-left-sm " style="font-size: 22rpx;font-weight: 500;"
|
<!-- <view class="flex margin-left-sm " style="font-size: 22rpx;font-weight: 500;"
|
||||||
|
@ -1485,6 +1489,19 @@ export default {
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
|
@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 {
|
body {
|
||||||
font-family: Helvetica Neue, Helvetica, sans-serif;
|
font-family: Helvetica Neue, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
|
@ -1818,7 +1835,7 @@ uni-switch::before {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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,
|
// box-shadow: inset 40px 20px 60px #107050,
|
||||||
// inset -20px -40px 60px #00a55a;
|
// inset -20px -40px 60px #00a55a;
|
||||||
|
|
||||||
|
|
|
@ -1179,6 +1179,6 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.text-cut{
|
.text-cut{
|
||||||
width: 95%;
|
width: 75%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue