style: 样式调整
This commit is contained in:
parent
53ff6d55b2
commit
8425d0d7a2
|
@ -1,7 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view class="box">
|
<view class="box">
|
||||||
<view class="title">{{ currentYear }}年 {{ currentMonth }}月</view>
|
<view class="title"
|
||||||
|
>{{ currentYear }}年 {{ currentMonth }}月</view
|
||||||
|
>
|
||||||
<scroll-view scroll-x="true">
|
<scroll-view scroll-x="true">
|
||||||
<block v-for="(item, index) in dayList" :key="index">
|
<block v-for="(item, index) in dayList" :key="index">
|
||||||
<view
|
<view
|
||||||
|
@ -91,6 +93,7 @@ scroll-view {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
border: 1rpx solid #4689fe;
|
border: 1rpx solid #4689fe;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.day {
|
.day {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
@ -109,9 +112,22 @@ scroll-view {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #4473fe;
|
background: #4473fe;
|
||||||
border-radius: 25rpx;
|
border-radius: 25rpx;
|
||||||
border: 1rpx solid #4473fe;
|
// border: 1rpx solid #4473fe;
|
||||||
|
border: none;
|
||||||
.day {
|
.day {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 20rpx;
|
||||||
|
height: 10rpx;
|
||||||
|
background: orange;
|
||||||
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue