diff --git a/pages/index/index.vue b/pages/index/index.vue index 1250fe1..c6e771f 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -3,7 +3,56 @@ - 123 + + + + 成都 + + + + + + + + + + + + 悦动时刻 + + + + + 活动签到 + 签到有好礼 + + 立即查看 + + + + + + + + 活动 + + 立即查看 + + + + + + + 旅行 + + 立即查看 + + + + + + + @@ -20,7 +69,12 @@ }, data() { return { - + keyword:'', + list: [ + 'https://cdn.uviewui.com/uview/swiper/swiper1.png', + 'https://cdn.uviewui.com/uview/swiper/swiper2.png', + 'https://cdn.uviewui.com/uview/swiper/swiper3.png', + ] } } } @@ -42,7 +96,180 @@ } .content { color: #fff; + padding: 0 30rpx; padding-top: calc(var(--status-bar-height) + 100rpx); + + .search-box { + display: flex; + align-items: center; + margin-bottom: 32rpx; + &-l { + display: flex; + align-items: center; + margin-right: 30rpx; + view { + font-weight: 400; + font-size: 27rpx; + color: #FFFFFF; + margin: 0 18rpx 0 15rpx; + } + .address-img { + width: 26rpx; + } + .sjx-img { + width: 13rpx; + } + } + &-r { + flex:1; + } + } + + .swipe-box { + margin-bottom: 41rpx; + } + + .ydsk-box { + &-title { + width: 250rpx; + background: url('@/static/image/home/title-bg.png') no-repeat; + background-size: 100% 100%; + text-align: center; + height: 31rpx; + line-height: 31rpx; + font-weight: bold; + font-size: 35rpx; + color: #FFFFFF; + margin: 0 auto 33rpx; + } + &-gird { + display: flex; + justify-content: space-between; + .gird-l { + box-sizing: border-box; + width: 378rpx; + height: 278rpx; + padding: 36rpx 0 24rpx 26rpx; + background: url('@/static/image/home/hdqd-bg.png') no-repeat; + background-size: 100% 100%; + position: relative; + .hdqd-img { + position: absolute; + right: 34rpx; + top: 48rpx; + width: 200rpx; + } + + .left-box { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + .title-box { + view { + font-weight: bold; + font-size: 29rpx; + color: #060504; + &:nth-child(2) { + font-weight: 400; + font-size: 21rpx; + color: #4C4C4C; + margin-top: 20rpx; + } + } + } + .btn-box { + width: 108rpx; + height: 41rpx; + background: url('@/static/image/home/hdqd-btn.png') no-repeat; + background-size: 100% 100%; + font-weight: 500; + font-size: 17rpx; + color: #FFFFFF; + text-align: center; + line-height: 41rpx; + } + } + } + .gird-r { + .hd-box { + width: 288rpx; + height: 130rpx; + padding: 25rpx 0 24rpx 26rpx; + box-sizing: border-box; + background: url('@/static/image/home/hd-bg.png') no-repeat; + background-size: 100% 100%; + position: relative; + .left-box { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + .title-box { + font-weight: bold; + font-size: 28rpx; + color: #57270F; + } + .btn-box { + width: 98rpx; + height: 35rpx; + background: url('@/static/image/home/hd-btn.png') no-repeat; + background-size: 100% 100%; + font-weight: 500; + font-size: 16rpx; + color: #FFFFFF; + text-align: center; + line-height: 35rpx; + } + } + .hdqd-img { + position: absolute; + right: 22rpx; + top: 25rpx; + width: 123rpx; + } + } + .lx-box { + width: 288rpx; + height: 130rpx; + padding: 25rpx 0 24rpx 26rpx; + box-sizing: border-box; + background: url('@/static/image/home/lx-bg.png') no-repeat; + background-size: 100% 100%; + position: relative; + margin-top: 18rpx; + .left-box { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + .title-box { + font-weight: bold; + font-size: 28rpx; + color: #57270F; + } + .btn-box { + width: 98rpx; + height: 35rpx; + background: url('@/static/image/home/lx-btn.png') no-repeat; + background-size: 100% 100%; + font-weight: 500; + font-size: 16rpx; + color: #FFFFFF; + text-align: center; + line-height: 35rpx; + } + } + .hdqd-img { + position: absolute; + right: 22rpx; + top: 25rpx; + width: 123rpx; + } + } + } + } + } } } \ No newline at end of file diff --git a/static/image/home/address-icon.png b/static/image/home/address-icon.png new file mode 100644 index 0000000..26026ed Binary files /dev/null and b/static/image/home/address-icon.png differ diff --git a/static/image/home/fdj-icon.png b/static/image/home/fdj-icon.png new file mode 100644 index 0000000..b85eff1 Binary files /dev/null and b/static/image/home/fdj-icon.png differ diff --git a/static/image/home/hd-bg.png b/static/image/home/hd-bg.png new file mode 100644 index 0000000..d1dbcd7 Binary files /dev/null and b/static/image/home/hd-bg.png differ diff --git a/static/image/home/hd-btn.png b/static/image/home/hd-btn.png new file mode 100644 index 0000000..ee7f5de Binary files /dev/null and b/static/image/home/hd-btn.png differ diff --git a/static/image/home/hd-img.png b/static/image/home/hd-img.png new file mode 100644 index 0000000..e55350e Binary files /dev/null and b/static/image/home/hd-img.png differ diff --git a/static/image/home/hdqd-bg.png b/static/image/home/hdqd-bg.png new file mode 100644 index 0000000..6f59028 Binary files /dev/null and b/static/image/home/hdqd-bg.png differ diff --git a/static/image/home/hdqd-btn.png b/static/image/home/hdqd-btn.png new file mode 100644 index 0000000..8a4df6c Binary files /dev/null and b/static/image/home/hdqd-btn.png differ diff --git a/static/image/home/hdqd-img.png b/static/image/home/hdqd-img.png new file mode 100644 index 0000000..63945ad Binary files /dev/null and b/static/image/home/hdqd-img.png differ diff --git a/static/image/home/lx-bg.png b/static/image/home/lx-bg.png new file mode 100644 index 0000000..b1612d3 Binary files /dev/null and b/static/image/home/lx-bg.png differ diff --git a/static/image/home/lx-btn.png b/static/image/home/lx-btn.png new file mode 100644 index 0000000..5e90fe5 Binary files /dev/null and b/static/image/home/lx-btn.png differ diff --git a/static/image/home/lx-img.png b/static/image/home/lx-img.png new file mode 100644 index 0000000..272dd78 Binary files /dev/null and b/static/image/home/lx-img.png differ diff --git a/static/image/home/sjx-icon.png b/static/image/home/sjx-icon.png new file mode 100644 index 0000000..25aa687 Binary files /dev/null and b/static/image/home/sjx-icon.png differ diff --git a/static/image/home/title-bg.png b/static/image/home/title-bg.png new file mode 100644 index 0000000..371aef1 Binary files /dev/null and b/static/image/home/title-bg.png differ