diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..77d9ba4 Binary files /dev/null and b/.DS_Store differ diff --git a/manifest.json b/manifest.json index 1b64891..f050b51 100644 --- a/manifest.json +++ b/manifest.json @@ -2,8 +2,8 @@ "name" : "抖火数字化咨询服务平台", "appid" : "__UNI__C305C03", "description" : "纵有疾风起，人生不言弃", - "versionName" : "1.5.0", - "versionCode" : 150, + "versionName" : "1.5.2", + "versionCode" : 152, "transformPx" : false, /* 5+App特有相关 */ "app-plus" : { diff --git a/pages/index/index.vue b/pages/index/index.vue index 2f8d92b..0c5e034 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,594 +1,630 @@ - + // ad弹窗广告 + .ad-lay { + width: 70vw; + position: relative; + + .ad-down { + position: absolute; + top: 20rpx; + right: 20rpx; + z-index: 1; + background: rgba(0, 0, 0, .5); + font-size: 20rpx; + padding: 10rpx 20rpx; + line-height: 30rpx; + border-radius: 24rpx; + color: white; + + .ad-down-u { + display: inline-block; + line-height: 30rpx; + } + } + + .ad-img { + width: 70vw; + border-radius: 20rpx; + } + + .ad-btn { + text-align: center; + margin-top: 30rpx; + + .ad-btn-icon { + display: inline-block; + } + } + } + + // 轮播图 + .banner { + position: relative; + width: 100%; + padding-top: 43%; + + .banner-swiper { + position: absolute; + top: 0; + left: 0; + width: 100%; + } + } + + // 公告 + .notice { + background: white; + padding: $padding; + display: flex; + flex-direction: row; + align-items: center; + + .notice-title { + background-color: #ececec; + color: #000; + height: 60rpx; + line-height: 60rpx; + width: 130rpx; + text-align: center; + font-size: 26rpx; + font-weight: bold; + border-radius: 20rpx; + + .notice-icon { + width: 32rpx; + vertical-align: middle; + margin-bottom: 8rpx; + margin-right: 10rpx; + display: inline-block; + } + } + + .notice-more { + font-size: 24rpx; + height: 50rpx; + border-radius: 25rpx; + box-sizing: border-box; + line-height: 50rpx; + text-align: center; + color: #999999; + + .more-icon { + display: inline-block; + } + } + } + + // 自由服务包 + .free { + padding: $padding $padding $padding - 10 $padding ; + + .free-img { + width: 100%; + } + } + + // 增收赋能类 + .closed { + background: white; + margin: 0 $margin; + border-radius: 35rpx; + padding-bottom: 10rpx; + + .closed-item { + display: flex; + margin-bottom: 20rpx; + padding-bottom: 20rpx; + border-bottom: solid 1rpx #f8f8f8; + + &:last-child { + margin-bottom: 0; + border-bottom: none; + } + + .closed-cover { + width: 168rpx; + height: 168rpx; + background-size: cover; + background-position: center; + border-radius: 10rpx; + } + + .closed-text { + width: calc(100% - 168rpx); + padding-left: 30rpx; + box-sizing: border-box; + + .closed-title { + font-size: 32rpx; + font-weight: bold; + line-height: 50rpx; + } + + .closed-subtitle { + color: gray; + font-size: 28rpx; + line-height: 40rpx; + } + + .closed-price { + color: #d51959; + font-size: 34rpx; + line-height: 40rpx; + margin-top: 30rpx; + font-weight: bold; + } + } + } + } + + // 诉讼委托类 + .lawsuit { + padding: 0 20rpx $padding; + display: flex; + justify-content: space-between; + + &-item { + background: #F6F6F6; + border-radius: 10rpx; + display: flex; + justify-content: space-between; + align-items: center; + overflow: hidden; + width: calc(50% - 20rpx); + margin: 0 10rpx; + } + + &-cover { + width: 138rpx; + height: 138rpx; + background-size: cover; + background-position: center; + } + + &-text { + width: calc(100% - 138rpx); + padding: 0 20rpx; + box-sizing: border-box; + } + + &-title { + font-size: 30rpx; + margin-bottom: 20rpx; + } + + &-price { + font-size: 32rpx; + color: #d51959; + font-weight: bold; + } + } + + // 经法 + .the-tabs { + background: #ececec; + margin: 0 $margin; + height: 60rpx; + border-radius: 35rpx; + display: flex; + position: relative; + white-space: nowrap; + width: calc(100% - 60rpx); + + &-item { + position: relative; + z-index: 2; + width: 25%; + line-height: 60rpx; + text-align: center; + font-size: 26rpx; + color: #454545; + transition: all .4s; + display: inline-block; + + &.active { + color: white; + } + } + + &-acitve-block { + display: inline-block; + width: 25%; + height: 60rpx; + background: linear-gradient(to right, #d51959, #ec7247); + border-radius: 35rpx; + position: absolute; + left: 0; + transition: all .4s; + } + } + + .the-flex { + padding: $padding 20rpx; + box-sizing: border-box; + white-space: nowrap; + + &-item { + width: calc(33% - 20rpx); + margin: 0 10rpx; + display: inline-block; + + &:last-child { + margin-right: 20rpx; + } + + .cover { + width: 100%; + padding-top: 100%; + background-position: center; + background-size: cover; + background-position: center; + border-radius: 10rpx; + } + + .title { + font-size: 30rpx; + color: #111111; + padding: 10rpx 0; + line-height: 40rpx; + } + + .price { + line-height: 40rpx; + font-weight: bold; + color: #d51959; + font-size: 32rpx; + + text { + font-size: 80%; + } + + .ding { + font-size: 64%; + margin-left: 4rpx; + position: relative; + bottom: 2rpx; + } + } + } + } + + // 模块 + .block { + background-color: white; + border-radius: $radius; + margin: 0 $margin $margin; + + .block-title { + padding: 0 $padding; + height: 100rpx; + display: flex; + justify-content: space-between; + align-items: center; + + .title { + font-weight: bold; + color: #111111; + font-size: 36rpx; + } + + .more { + background-color: #ececec; + font-size: 28rpx; + height: 50rpx; + border-radius: 25rpx; + width: 120rpx; + padding-left: 10rpx; + box-sizing: border-box; + line-height: 50rpx; + text-align: center; + color: #454545; + + .more-icon { + display: inline-block; + } + } + } + } + \ No newline at end of file diff --git a/pages/work/generate.vue b/pages/work/generate.vue index 02dd1ab..d878d99 100644 --- a/pages/work/generate.vue +++ b/pages/work/generate.vue @@ -3,7 +3,7 @@ - {{item.title}}111 + {{item.title}} 移出 diff --git a/pages/work/index.vue b/pages/work/index.vue index 64e427d..19b2bba 100644 --- a/pages/work/index.vue +++ b/pages/work/index.vue @@ -1,566 +1,654 @@ - - - - - + + + + + \ No newline at end of file