Skip to content

Commit 374065a

Browse files
committed
adjust directory optimize scrolling effect
1 parent f735dc4 commit 374065a

15 files changed

+946
-439
lines changed

css/weeklyCalendar1.2.css

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
body,
2+
ul,
3+
p {
4+
margin: 0;
5+
padding: 0;
6+
}
7+
8+
ul {
9+
list-style: none;
10+
}
11+
12+
.tifixhead {
13+
width: 100%;
14+
position: fixed;
15+
left: 0;
16+
top: 0;
17+
z-index: 5;
18+
}
19+
20+
.week_wrapper_box {
21+
width: 100%;
22+
overflow: hidden;
23+
background-color: #fff;
24+
}
25+
26+
.year_month {
27+
height: 35px;
28+
display: flex;
29+
justify-content: space-between;
30+
align-items: center;
31+
text-align: center;
32+
border-bottom: 1px solid #e5e5e5;
33+
padding: 2px 15px;
34+
box-sizing: content-box;
35+
}
36+
37+
.year_monthleimg,
38+
.year_monthriimg {
39+
width: 24px;
40+
}
41+
42+
.year_monthce {
43+
display: flex;
44+
justify-content: center;
45+
align-items: center;
46+
}
47+
48+
.year_monthcec1 {
49+
font-size: 20px;
50+
font-weight: bold;
51+
}
52+
53+
.calendarimg {
54+
width: 17px;
55+
margin: 0 0 3px 10px;
56+
}
57+
58+
.week_tit_info {
59+
height: 20px;
60+
flex: 1;
61+
padding: 5px 0;
62+
background-color: #fff;
63+
box-sizing: content-box;
64+
font-size: 14px;
65+
color: #c1c1c1;
66+
}
67+
68+
.week_cal_box {
69+
display: flex;
70+
width: 500%;
71+
/* align-items: center; */
72+
box-sizing: content-box;
73+
font-size: 14px;
74+
line-height: 34px;
75+
overflow: hidden;
76+
}
77+
78+
.week_content {
79+
/* display: flex;
80+
width: 100%;
81+
justify-content: space-around;
82+
align-items: center;
83+
text-align: center; */
84+
display: grid;
85+
gap: 10px;
86+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
87+
text-align: center;
88+
}
89+
90+
.week_content_grid .month_num {
91+
width: 34px;
92+
height: 34px;
93+
line-height: 34px;
94+
border-radius: 50%;
95+
}
96+
97+
.today {
98+
background: #ffa900;
99+
color: #fff;
100+
}
101+
102+
.selected_num {
103+
box-shadow: 0 0 0 2px #ffa900 inset;
104+
}
105+
106+
.other_num {
107+
color: #aaa;
108+
}
109+
110+
.week_cal_wrapper {
111+
overflow: hidden;
112+
/* padding: 4px 0; */
113+
padding: 3px 0;
114+
background-color: rgba(255, 127, 80, 0.253);
115+
}
116+
117+
.week_content_grid {
118+
width: 20%;
119+
display: grid;
120+
gap: 10px;
121+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
122+
/* grid-template-columns:40px 40px 40px 40px 40px 40px 40px; */
123+
text-align: center;
124+
justify-items: center;
125+
/* justify-content: space-around; */
126+
justify-content: center;
127+
}

0 commit comments

Comments
 (0)