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