首页样式修改
This commit is contained in:
@@ -32,7 +32,9 @@
|
||||
<view class="bg-img-view" :style="vdata.bgImgStyle">
|
||||
|
||||
<!-- 背景颜色view -->
|
||||
<view class="bg-color-view" :style="vdata.bgColorStyle">
|
||||
<view class="bg-color-view" :style="vdata.bgColorStyle" style="border-radius:0;background-color: #318AFE!important;">
|
||||
<view class="bgbottomStyle">
|
||||
</view>
|
||||
</view>
|
||||
<!-- 解决定位层级问题 -->
|
||||
<view class="bg-main">
|
||||
@@ -93,7 +95,7 @@ onMounted(() => {
|
||||
right: 0,
|
||||
height: '550rpx',
|
||||
borderRadius: '0 0 32rpx 32rpx',
|
||||
background: 'linear-gradient(270deg, rgba(72, 192, 255, 1) 0%, rgba(51, 157, 255, 1) 100%)',
|
||||
// background: 'linear-gradient(270deg, rgba(72, 192, 255, 1) 0%, rgba(51, 157, 255, 1) 100%)',
|
||||
}
|
||||
vdata.bgColorStyle = Object.assign(defStyle, props.bgColorStyle)
|
||||
}
|
||||
@@ -104,4 +106,13 @@ onMounted(() => {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.bgbottomStyle{
|
||||
position: absolute;
|
||||
bottom: -2rpx;
|
||||
left: 0;
|
||||
|
||||
width: 750rpx;
|
||||
height: 74rpx;
|
||||
background: linear-gradient( 180deg, rgba(195,215,235,0) 0%, #F9F9F9 100%);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user