|
@@ -2,7 +2,16 @@
|
|
|
<view>
|
|
|
<template>
|
|
|
<view class="Wrapper-grid">
|
|
|
- <view class="serve-title client-title" v-if="userType == 2"></view>
|
|
|
+ <view class="serve-title-Box" v-if="userType == 2">
|
|
|
+ <view class="serve-content">
|
|
|
+ <image src="/static/container.png" class="serve-content-img" mode="aspectFill"></image>
|
|
|
+ <text class="serve-content-text">注册专区</text>
|
|
|
+ </view>
|
|
|
+ <view class="serve-content-box2">
|
|
|
+ <text class="serve-content-text">认证资质专区</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<up-grid :border="false" col="3">
|
|
|
<up-grid-item v-for="(item, index) in serveiceList" :key="index" @click="handleGridClick(item)">
|
|
|
<view class="grid-box">
|
|
@@ -20,7 +29,7 @@
|
|
|
|
|
|
<view class="paiBanSty" v-if="userType == 2">
|
|
|
<!-- 背景图片 -->
|
|
|
- <image src="/static/img/14147@2x.png" class="background-image" mode="aspectFill" />
|
|
|
+ <!-- <image src="/static/img/14147@2x.png" class="background-image" mode="aspectFill" /> -->
|
|
|
|
|
|
<!-- 左侧轮播图 -->
|
|
|
<swiper class="zhiYuanZheSwiper" vertical circular autoplay :interval="4000" :duration="800"
|
|
@@ -250,6 +259,53 @@ onMounted(() => {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
+.serve-title-Box {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ margin-top: 24rpx;
|
|
|
+
|
|
|
+ .serve-content {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .serve-content-img {
|
|
|
+ width: 36rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ margin-left: 34rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .serve-content-text {
|
|
|
+ width: 136rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 40rpx;
|
|
|
+ letter-spacing: normal;
|
|
|
+ color: rgba(0, 0, 0, 0.8);
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .serve-content-box2 {
|
|
|
+ .serve-content-text {
|
|
|
+ width: 144rpx;
|
|
|
+ height: 42rpx;
|
|
|
+ font-family: Yuppy SC;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 42rpx;
|
|
|
+ text-align: right;
|
|
|
+ letter-spacing: normal;
|
|
|
+ color: #E58182;
|
|
|
+ margin-right: 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
.grid-box {
|
|
|
width: 226rpx;
|
|
|
height: 116rpx;
|
|
@@ -307,22 +363,25 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
.paiBanSty {
|
|
|
- position: relative;
|
|
|
+ // position: relative;
|
|
|
margin-top: 30rpx;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
background: #FFFFFF;
|
|
|
+ background-image: url('/static/img/14147@2x.png');
|
|
|
+ background-size: cover;
|
|
|
+ // background-position: center;
|
|
|
border-radius: 20rpx;
|
|
|
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.04);
|
|
|
overflow: hidden;
|
|
|
- height: 300rpx;
|
|
|
+ height: 330rpx;
|
|
|
|
|
|
.background-image {
|
|
|
- position: absolute;
|
|
|
+ // position: absolute;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
object-fit: cover;
|
|
|
- z-index: 0;
|
|
|
+ // z-index: 0;
|
|
|
}
|
|
|
|
|
|
.zhiYuanZheSwiper {
|
|
@@ -331,8 +390,8 @@ onMounted(() => {
|
|
|
border-radius: 38rpx;
|
|
|
overflow: hidden;
|
|
|
margin: 30rpx;
|
|
|
- z-index: 1;
|
|
|
- position: relative;
|
|
|
+ // z-index: 1;
|
|
|
+ // position: relative;
|
|
|
}
|
|
|
|
|
|
.swiper-item-container {
|
|
@@ -360,9 +419,9 @@ onMounted(() => {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: flex-start;
|
|
|
- padding: 30rpx;
|
|
|
- z-index: 1;
|
|
|
- position: relative;
|
|
|
+ // padding: 30rpx;
|
|
|
+ // z-index: 1;
|
|
|
+ // position: relative;
|
|
|
}
|
|
|
|
|
|
.title-button-row {
|
|
@@ -384,12 +443,13 @@ onMounted(() => {
|
|
|
letter-spacing: normal;
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
width: 136rpx;
|
|
|
- height: 40rpx;
|
|
|
-
|
|
|
+ height: 25rpx;
|
|
|
+ margin-top: 95rpx;
|
|
|
+ margin-left: 33rpx;
|
|
|
|
|
|
- position: relative;
|
|
|
- left: -2rpx;
|
|
|
- top: 17rpx;
|
|
|
+ // position: relative;
|
|
|
+ // left: -2rpx;
|
|
|
+ // top: 17rpx;
|
|
|
}
|
|
|
|
|
|
.paiBanDesc {
|
|
@@ -398,9 +458,9 @@ onMounted(() => {
|
|
|
font-weight: normal;
|
|
|
line-height: 40rpx;
|
|
|
color: rgba(0, 0, 0, 0.5);
|
|
|
- margin-top: 8rpx;
|
|
|
- left: -2rpx;
|
|
|
- position: relative;
|
|
|
+ margin-top: 12rpx;
|
|
|
+ margin-left: 33rpx;
|
|
|
+ // position: relative;
|
|
|
}
|
|
|
|
|
|
.paiBanBtn {
|
|
@@ -418,9 +478,11 @@ onMounted(() => {
|
|
|
color: #FFFFFF;
|
|
|
border: none;
|
|
|
padding: 0;
|
|
|
- position: relative;
|
|
|
- top: -20rpx;
|
|
|
- left: 4rpx;
|
|
|
+ margin-top: 55rpx;
|
|
|
+ margin-left: 53rpx;
|
|
|
+ // position: relative;
|
|
|
+ // top: -20rpx;
|
|
|
+ // left: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|