Skip to content

S
shuchengMiniPro
Commit ff4758a3 authored by 王玉鑫's avatar 王玉鑫
Browse files
Options

feat: 列表页跳转详情

parent 2bd47157
Show whitespace changes
Inline Side-by-side
Showing with 80 additions and 218 deletions
src/App.vue
View file @ ff4758a3
......@@ -213,4 +213,74 @@ button::after {
.hpct100 {
height: 100%;
}
.detail-cell {
margin-right: 30rpx;
margin-left: 30rpx;
padding: 30rpx;
background-color: white;
border-radius: 4rpx;
& ~ .detail-cell {
margin-top: 20rpx;
}
&__title {
color: #333333;
font-size: 30rpx;
font-weight: 600;
}
&__body {
margin-top: 40rpx;
}
&__info {
display: flex;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
color: #606266;
}
&__line {
& ~ .detail-cell__line {
margin-top: 23rpx;
}
}
&__info-name {
flex: none;
}
&__word-info {
position: relative;
padding-left: 50rpx;
padding-right: 30rpx;
display: flex;
align-items: center;
height: 60rpx;
outline: 2rpx solid #e6e6e6;
font-size: 28rpx;
&::after {
content: "";
width: 20rpx;
height: 20rpx;
background: url("@/static/img/icon-green-true.png") no-repeat;
background-size: contain;
position: absolute;
left: 20rpx;
top: 20rpx;
}
}
&__list-item {
padding: 40rpx 0;
}
&__list-item ~ .detail-cell__list-item {
border-top: 2rpx solid rgba(0, 0, 0, 0.15);
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-20 {
gap: 20rpx;
}
.text-26 {
font-size: 26rpx;
}
}
</style>
src/pages/detail/carrierDetail.vue
View file @ ff4758a3
......@@ -182,71 +182,3 @@ export default {
},
};
</script>
<style lang="scss">
.carrier-detail {
.detail-cell {
margin-right: 30rpx;
margin-left: 30rpx;
padding: 30rpx;
background-color: white;
border-radius: 4rpx;
& ~ .detail-cell {
margin-top: 20rpx;
}
&__title {
color: #333333;
font-size: 30rpx;
font-weight: 600;
}
&__body {
margin-top: 40rpx;
}
&__info {
display: flex;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
color: #606266;
}
&__line {
& ~ .detail-cell__line {
margin-top: 23rpx;
}
}
&__info-name {
flex: none;
}
&__word-info {
position: relative;
padding-left: 50rpx;
padding-right: 30rpx;
display: flex;
align-items: center;
height: 60rpx;
outline: 2rpx solid #e6e6e6;
font-size: 28rpx;
&::after {
content: "";
width: 20rpx;
height: 20rpx;
background: url("@/static/img/icon-green-true.png") no-repeat;
background-size: contain;
position: absolute;
left: 20rpx;
top: 20rpx;
}
}
&__list-item ~ .detail-cell__list-item {
margin-top: 40rpx;
}
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-20 {
gap: 20rpx;
}
.text-26 {
font-size: 26rpx;
}
}
</style>
src/pages/detail/components/CommonDetail.vue
View file @ ff4758a3
......@@ -137,6 +137,7 @@ export default defineComponent({
background-color: #f4f4f4;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
&__cells {
margin-top: 20rpx;
}
......
src/pages/detail/industrialDetail.vue
View file @ ff4758a3
......@@ -151,78 +151,9 @@ export default {
},
toCarrier({ id }) {
uni.navigateTo({
url: `/pages/detail/industrialDetail?id=${id}`,
url: `/pages/detail/carrierDetail?id=${id}`,
});
},
},
};
</script>
<style lang="scss">
.industrial-detail {
.detail-cell {
margin-right: 30rpx;
margin-left: 30rpx;
padding: 30rpx;
background-color: white;
border-radius: 4rpx;
& ~ .detail-cell {
margin-top: 20rpx;
}
&__title {
color: #333333;
font-size: 30rpx;
font-weight: 600;
line-height: 30rpx;
}
&__body {
margin-top: 40rpx;
}
&__info {
display: flex;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
color: #606266;
}
&__line {
& ~ .detail-cell__line {
margin-top: 23rpx;
}
}
&__info-name {
flex: none;
}
&__word-info {
position: relative;
padding-left: 50rpx;
padding-right: 30rpx;
display: flex;
align-items: center;
height: 60rpx;
outline: 2rpx solid #e6e6e6;
font-size: 28rpx;
&::after {
content: "";
width: 20rpx;
height: 20rpx;
background: url("@/static/img/icon-green-true.png") no-repeat;
background-size: contain;
position: absolute;
left: 20rpx;
top: 20rpx;
}
}
&__list-item ~ .detail-cell__list-item {
margin-top: 40rpx;
}
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-20 {
gap: 20rpx;
}
.text-26 {
font-size: 26rpx;
}
}
</style>
src/pages/detail/landDetail.vue
View file @ ff4758a3
<template>
<div class="carrier-detail">
<CommonDetail detail-type="carrier" :queryUrl="queryUrl">
<div class="land-detail">
<CommonDetail detail-type="land" :queryUrl="queryUrl">
<template #default="{ detail }">
<div v-if="detail">
<div class="detail-cell">
......@@ -79,71 +79,3 @@ export default {
},
};
</script>
<style lang="scss">
.carrier-detail {
.detail-cell {
margin-right: 30rpx;
margin-left: 30rpx;
padding: 30rpx;
background-color: white;
border-radius: 4rpx;
& ~ .detail-cell {
margin-top: 20rpx;
}
&__title {
color: #333333;
font-size: 30rpx;
font-weight: 600;
}
&__body {
margin-top: 40rpx;
}
&__info {
display: flex;
font-size: 24rpx;
font-family: PingFangSC, PingFang SC;
color: #606266;
}
&__line {
& ~ .detail-cell__line {
margin-top: 23rpx;
}
}
&__info-name {
flex: none;
}
&__word-info {
position: relative;
padding-left: 50rpx;
padding-right: 30rpx;
display: flex;
align-items: center;
height: 60rpx;
outline: 2rpx solid #e6e6e6;
font-size: 28rpx;
&::after {
content: "";
width: 20rpx;
height: 20rpx;
background: url("@/static/img/icon-green-true.png") no-repeat;
background-size: contain;
position: absolute;
left: 20rpx;
top: 20rpx;
}
}
&__list-item ~ .detail-cell__list-item {
margin-top: 40rpx;
}
}
.flex-wrap {
flex-wrap: wrap;
}
.gap-20 {
gap: 20rpx;
}
.text-26 {
font-size: 26rpx;
}
}
</style>
\ No newline at end of file
src/pages/entryPark/index.vue
View file @ ff4758a3
......@@ -175,23 +175,20 @@ export default {
if (this.activeBar === 0) {
uni.navigateTo(
{
url: "/pages/detail/city?id=" + data.id,
},
true
url: "/pages/detail/industrialDetail?id=" + data.id,
}
);
} else if (this.activeBar === 1) {
uni.navigateTo(
{
url: "/pages/detail/index?id=" + data.id,
},
true
url: "/pages/detail/landDetail?id=" + data.id,
}
);
} else {
uni.navigateTo(
{
url: "/pages/detail/park?id=" + data.id,
},
true
url: "/pages/detail/carrierDetail?id=" + data.id,
}
);
}
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment