gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加可点击样式

Browse Source
This commit is contained in:
luJianJun 2023-08-08 17:23:33 +08:00
parent 626d634278
commit 9856012e03
10 changed files with 70 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/apartmentList/apartmentList.vue
View File

@ -33,6 +33,10 @@ let moduleData = reactive({ data: {} })
moduleData.data = props.data
</script>
<style scoped lang="less">
.list-item:hover{
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) !important;
}
.list-item {
width: 291px;
background: -webkit-linear-gradient(282.684800209667deg, rgba(255, 255, 255, 1) 27%, rgba(98, 177, 255, 1) 325%);

7
src/components/biserialListItem/biserialListItem.vue
View File

@ -266,6 +266,12 @@ img {
}
}
.item:hover{
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.item {
width: 590px;
background-color: rgba(255, 255, 255, 1);
@ -277,6 +283,7 @@ img {
position: relative;
margin-bottom: 20px;
cursor: pointer;
transition: all linear 0.2s;
.detail-tab {
width: 32px;

4
src/components/detail/breadcrumb.vue
View File

@ -251,6 +251,10 @@ img {
padding: 20px;
border-bottom: 1px solid #ebebeb;
.breadcrumb-text:hover{
color:#000;
text-decoration: underline;
}
.breadcrumb-text {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;

8
src/components/indexSeachInfo/indexSeachInfo.vue
View File

@ -168,6 +168,10 @@ let selectSeach = (data) => {
color: rgba(80, 227, 194, 1) !important;
}
.select-btn:hover{
background: rgba(242,242,242,1) !important;
}
.select-btn {
width: 162px;
height: 40px;
@ -205,7 +209,9 @@ let selectSeach = (data) => {
height: 32px !important;
cursor: pointer;
}
.btn:hover{
background: rgba(242,242,242,1) !important;
}
.btn {
width: 90px;
height: 32px;

12
src/components/indexWaterfallBox/indexWaterfallBox.vue
View File

@ -194,6 +194,12 @@ watchEffect(()=>{
cursor:default !important;
}
.item:hover{
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.item {
width: 285px;
background: inherit;
@ -453,9 +459,9 @@ watchEffect(()=>{
}
.live-img:hover {
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
</style>

4
src/components/pageTopBar/pageTopBar.vue
View File

@ -279,6 +279,10 @@ const goIndex = () => router.push("/")
border-bottom: 4px solid rgba(78, 144, 204, 1);
}
.top-bg-img-box .info-box .btm-seach-btn-box .tab-btn:hover{
color:#fff !important;
}
.top-bg-img-box .info-box .btm-seach-btn-box .tab-btn {
width: 120px;
height: 47px;

13
src/components/seachModule/seachModule.vue
View File

@ -331,11 +331,16 @@ defineExpose({
position: relative;
justify-content: end;
border-bottom: 1px solid #ebebeb;
.intermediary-btn:hover{
background: #f4f7f9 !important;
}
.intermediary-btn {
background: rgba(241, 245, 247, 1) !important;
}
.authentication-btn:hover{
background:#f6f5ff;
}
.authentication-btn {
width: 160px;
height: 48px;
@ -466,6 +471,9 @@ defineExpose({
left: -7px;
}
.seach-btn:hover{
background:#81c1ff !important;
}
.seach-btn {
width: 100px;
height: 48px;
@ -496,6 +504,9 @@ defineExpose({
margin-left: 20px;
}
.add-btn:hover{
background:#fde177 !important;
}
.add-btn {
background: rgba(253, 218, 85, 1);
margin-left: 20px;

4
src/components/selectTabBox/selectTabBox.vue
View File

@ -1263,6 +1263,10 @@ img {
}
}
/deep/ .el-checkbox:hover{
color:#000;
}
/deep/ .el-dropdown-menu__item {
--el-dropdown-menuItem-hover-color: #7F7F7F;
--el-dropdown-menuItem-hover-fill: rgba(246, 246, 246, 1);

9
src/views/HomeView.vue
View File

@ -477,6 +477,9 @@ img {
overflow: hidden;
text-overflow: ellipsis;
.text:hover{
text-decoration: underline;
}
.text {
font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
font-weight: 400;
@ -642,6 +645,12 @@ img {
text-align: center;
}
.img-box:hover{
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.img-box {
width: 56px;
height: 56px;

10
src/views/detail.vue
View File

@ -1961,6 +1961,11 @@ img {
.top-contact-btn {
width: 200px !important;
}
.contact-btn:hover{
background: -webkit-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
background: -moz-linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
background: linear-gradient(0, rgba(168, 209, 247, 1) -4%, rgba(213, 232, 249, 1) 102%);
}
.contact-btn {
width: 260px;
@ -2428,6 +2433,11 @@ img {
flex-shrink: 0;
position: relative;
}
.img:hover{
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}
.img {
height: 100px;