From 9f2fe5e8a0ea430da9ecafdf3032862ca8ce74af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com> Date: Thu, 7 Nov 2024 09:17:15 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=20=E4=BB=B7=E6=A0=BC?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=B4=BB=E5=8A=A8=E4=BB=B7=E4=BB=A5=E5=8F=8A?= =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8E=9F=E4=BB=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- manifest.json | 4 +- pages/peanut/home.vue | 3370 +++++++++++++++++++++-------------------- 2 files changed, 1744 insertions(+), 1630 deletions(-) diff --git a/manifest.json b/manifest.json index fd5e4b1..a455f17 100644 --- a/manifest.json +++ b/manifest.json @@ -10,8 +10,8 @@ "sizes": "分辨率，192x192", "src": "图片路径" }], - "versionName": "1.2.59", - "versionCode": 1259, + "versionName": "1.2.61", + "versionCode": 1261, "app-plus": { "compatible": { "ignoreVersion": true diff --git a/pages/peanut/home.vue b/pages/peanut/home.vue index aa8179b..69018a7 100644 --- a/pages/peanut/home.vue +++ b/pages/peanut/home.vue @@ -1,94 +1,111 @@ \ No newline at end of file +@import "@/style/mixin.scss"; +.appJump { + position: fixed; + right: 0; + top: 10%; + z-index: 1; + .item { + background: rgba(255, 255, 255, 0.6); + margin-bottom: 40rpx; + border: 1px solid #fff; + align-items: center; + padding-right: 10rpx; + overflow: hidden; + border-radius: 50rpx 0 0 50rpx; + text { + font-size: 20rpx; + } + .img { + // width: 60rpx; height: 60rpx; + padding: 6rpx; + overflow: hidden; + image { + width: 36rpx; + height: 36rpx; + border-radius: 100%; + } + } + } +} +.newsBox { + justify-content: space-between; + background-color: #fff; + margin-top: 10px; + overflow: hidden; + border-radius: 20rpx; + padding: 10rpx; + overflow: hidden; + margin-bottom: 10px; + .content { + image { + max-width: 100% !important; + } + } + .icon { + width: 44rpx; + } + + .newscoll { + overflow: hidden; + width: calc(100% - 60rpx); + height: 40rpx; + border: #11a669; + line-height: 50rpx; + + .item { + .swiper-item { + font-size: 28rpx; + @include toe(); + } + } + } +} + +.yxTagBox { +} + +.children_cate_box { + padding: 0 10px; +} + +.children_cate { + border-radius: 5px; + justify-content: space-evenly; + + background-color: #eee; + display: flex; + justify-items: normal; + padding-top: 12rpx; + overflow: hidden; + padding-bottom: 10rpx; + + .item { + width: 100%; + text-align: center; + align-items: center; + border-right: 1px solid #acacac33; + font-size: 30rpx; + + color: #333; + // border-radius: 10rpx; + } + + .item:last-child { + margin-right: 0; + border-right: none; + } + + .cur { + color: #55aa7f; + font-weight: bold; + border-radius: 5rpx; + } +} + +.fiveIcon { + justify-content: space-between; + text-align: center; + + text { + font-size: 28rpx; + color: #11a669; + } + + image { + width: 56rpx; + height: 56rpx; + margin: 0 auto; + } +} + +.hehan { + width: 80%; + margin: 10rpx auto; +} + +.zhekou { + .goodsName { + margin-bottom: 20rpx; + } +} + +.activityPrice { + font-size: 60rpx; +} + +.priceAndnum { + font-size: 24rpx !important; + + .price { + color: #9b9b9b !important; + font-size: inherit; + font-weight: normal !important; + display: block; + } +} + +.ProTabs { + // margin: 20rpx 0; + padding: 0 10px; + align-items: center; + + text { + padding: 8rpx 14rpx; + font-size: 32rpx; + display: inline-block; + border-radius: 10rpx; + overflow: hidden; + background-color: #dfeae2; + color: #0e583a; + font-weight: bold; + margin-right: 10rpx; + display: block; + width: 100%; + text-align: center; + } + + text.cur { + background-color: #55aa7f; + color: #fff; + } + + text:last-child { + margin-right: 0; + } +} + +.ProTabsBox { + margin-top: 10px; + padding-bottom: 3px; +} + +.New_ProTabs { + justify-content: space-between; + background-color: #fff; + padding-left: 10px; + padding-right: 10px; + + text { + // max-width: 12.5%; + background-color: #dfeae2; + color: #0e583a; + font-size: 34rpx; + line-height: 42rpx; + padding: 5px 10px; + font-weight: bold; + display: block; + width: 100%; + margin-right: 5px; + border-radius: 10rpx; + overflow: hidden; + text-align: center; + letter-spacing: 10rpx; + } + + text:last-child { + margin-right: 0; + } + + text.cur { + background-color: #55aa7f; + color: #fff; + } +} + +.wzProTabs { + display: flex; + justify-content: center; + padding: 0 20rpx; + + text { + padding: 8rpx 14rpx; + font-size: 32rpx; + display: inline-block; + border-radius: 10rpx; + overflow: hidden; + // background-color: #eee; + color: #55aa7f; + margin-right: 10rpx; + } + + text.cur { + background-color: #55aa7f; + color: #fff; + } +} + +// .newBook{margin-top: 10rpx;} +.scroll-view_H { + background-color: #fff; + white-space: nowrap; + padding: 10px; + margin-top: 12rpx; +} + +.scroll-view_H { + .item { + padding: 10rpx; + overflow: hidden; + display: inline-block; + padding-bottom: 0; + width: 180rpx !important; + margin-right: 20rpx; + border-radius: 10rpx; + + .videoBox { + image { + display: block; + width: 150rpx; + height: 170rpx; + } + } + + .bookName { + display: block; + margin-top: 6rpx; + color: #666; + font-size: 24rpx; + white-space: nowrap; + overflow-x: hidden; + overflow: hidden; + text-overflow: ellipsis; + } + } + + // .item.active{margin-right: 20rpx; border: 1px solid #55aa00; border-radius: 10rpx;} +} + +.flexbox { + display: flex; +} + +.head_line { + padding-top: 8rpx; + margin: 12rpx 0 0 0; + + b { + display: inline-block; + width: 12rpx; + height: 40rpx; + background-color: #54a966; + vertical-align: bottom; + margin: 0 20rpx 0 0; + } + + text { + font-size: 32rpx; + font-weight: bold; + } + + i { + float: right; + font-style: normal; + color: #8b8a91; + font-size: 24rpx; + margin: 5rpx 35rpx 0 0; + } +} + +.home_bg { + background-image: url("@/static/icon/home_bg.jpg"); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + padding: 20rpx; + position: relative; + + // margin-bottom:60rpx; + // height: 400rpx; margin-bottom: 130rpx; + .icon_hua_1 { + // margin: 0 auto; + width: 100%; + text-align: center; + height: 80rpx; + + image { + width: 150rpx; + height: 80rpx; + } + } + + .icon_hua { + width: 100%; + text-align: center; + display: block; + + image { + width: 150rpx; + height: 150rpx; + margin: 0 auto; + } + } +} + +.search_box { + margin: 20rpx auto 10rpx auto; + align-items: center; + width: calc(100% - 40rpx); + margin-bottom: 20rpx; + + .search { + height: 56upx; + display: flex; + width: 100%; + margin: 0 auto; + align-items: center; + padding: 0upx 40upx; + background-color: #fff; + border-radius: 20upx; + box-shadow: 0 0px 10px 1px #54a96633; + } + + .prompt { + color: #838383; + font-size: 24rpx; + } + + .icon_search { + background-image: url("@/static/icon/map_ic_search.png"); + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + width: 36upx; + height: 36upx; + margin-right: 20upx; + } + + .searBtn { + // width: 180rpx; + width: calc(100% - 75% + 12px); + line-height: 56rpx; + text-align: center; + align-items: center; + font-size: 28rpx; + color: #fff; + margin-left: -80rpx; + background-color: #11a669; + border-top-right-radius: 20upx; + border-bottom-right-radius: 20upx; + } +} + +.home_nar { + background-color: #fff; + padding: 26rpx 10rpx; + justify-content: space-between; + display: flex; + color: #333; + margin-bottom: 0; + + // .dianzishu{ margin-right:10rpx; + // background-color:#f8d6f4 ; border: 2px solid #edcce9; + // } + // .chaoshi{background-color:#fff2d8 ; border: 2px solid #ede6d3; } + // .shuping{ background-color: #d6ffda; border: 2px solid #bae9bf;} + // .shuguan{ background-color:#e3f9f9 ; border: 2px solid #d7eced; } + .hn_cl_tit { + // width: 23%; + width: 31%; + text-align: center; + border-radius: 20rpx; + // line-height: 110upx; + //display: flex; + align-content: center; + justify-content: center; + + image { + width: 120rpx; + height: 120rpx; + display: block; + margin: 0 auto; + // margin: 0 20rpx; + } + + text { + display: block; + text-align: center; + margin-top: 4rpx; + font-size: 36rpx; + color: #000; + font-weight: blod; + } + } +} + +.home_lunbo { + margin: 40rpx 30rpx 0 30rpx; +} + +.home_shujia { + margin: 40rpx 20rpx 0 20rpx; + display: flex; + color: #333; + + .hn_sj { + width: 20%; + text-align: center; + font-size: 26upx; + + image { + width: 100upx; + height: 100upx; + margin: 0 auto; + } + } +} + +.home_xinshu { + margin: 35rpx 30rpx; + padding: 36rpx 16rpx 0 16rpx; + background-color: #fff; + border-radius: 30rpx; + + .hx_list { + margin: 0 15rpx 20rpx 15rpx; + text-align: center; + width: 28.5%; + float: left; + position: relative; + + image { + width: 100%; + height: 290upx; + margin: 0 0 20rpx 0; + } + + .hx_title { + font-size: 28rpx; + margin: 0 0 10rpx 0; + font-weight: bold; + } + + .hx_author { + font-size: 24rpx; + margin: 0 0 20rpx 0; + color: #9b9b9b; + } + + b { + display: block; + padding: 5rpx 10rpx; + border-radius: 10rpx; + text-align: center; + color: #fff; + font-weight: normal; + background: #27b386; + position: absolute; + left: -10upx; + top: 10upx; + font-size: 16rpx; + } + } +} + +.home_limit { + margin: 35rpx 0; + padding: 36rpx 0 20rpx 0; + background-color: #fff; + + .lt_list { + margin: 0 35rpx 0 0; + text-align: center; + position: relative; + + image { + width: 200upx; + height: 280upx; + margin: 0 0 20rpx 0; + } + + .lt_title { + font-size: 28rpx; + margin: 0 0 10rpx 0; + font-weight: bold; + } + + .lt_author { + font-size: 24rpx; + margin: 0 0 20rpx 0; + color: #9b9b9b; + } + + .lt_yuan { + text-decoration: line-through; + color: #c1c1c1; + margin: 0 0 5rpx 0; + } + + .lt_xian { + color: #bf0c0c; + font-weight: bold; + } + + b { + display: block; + padding: 5rpx 10rpx; + border-radius: 10rpx; + text-align: center; + color: #fff; + font-weight: normal; + background: #27b386; + position: absolute; + left: -10upx; + top: 10upx; + font-size: 16rpx; + } + } + + .lt_list:nth-child(1) { + margin-left: 30rpx; + } + + .lt_list:nth-last-child(1) { + padding-right: 30rpx; + } +} + +.home_jingxu { + margin: 60rpx 30rpx 0 30rpx; + + .hj_hot { + box-shadow: 0 0px 10px 1px #56565633; + background-color: #fff; + position: relative; + padding: 20upx 220upx 10upx 25upx; + margin: 0 0 60rpx 0; + border-radius: 15rpx; + min-height: 230rpx; + + view { + margin: 0 0 10rpx 0; + + text { + color: #9b9b9b; + font-size: 24rpx; + line-height: 36rpx; + } + + .bok_name { + font-weight: bold; + color: #333; + font-size: 28rpx; + } + } + + image { + position: absolute; + right: 30upx; + top: -30upx; + width: 160upx; + height: 240upx; + } + + b { + display: block; + padding: 5rpx 10rpx; + border-radius: 10rpx; + text-align: center; + color: #fff; + font-weight: normal; + background: #27b386; + position: absolute; + right: 150upx; + top: -20upx; + font-size: 16rpx; + } + } +} + +.limited { + width: 100%; + height: auto; + padding: 20rpx 10rpx 10rpx 10rpx; + display: flex; + align-items: center; + background-color: #fff; + margin-top: 50rpx; + + .limitedSymbol { + width: 22%; + height: 300rpx; + border-right: 1px solid #eee; + vertical-align: middle; + + image { + width: 120rpx; + height: 120rpx; + margin: 45px auto 0 auto; + } + } + + .limitedScrollBox { + width: 76%; + padding: 0 10rpx; + } + + .limitedItem { + width: 200rpx; + text-align: center; + + image { + width: 150upx; + height: 200upx; + margin: 15rpx auto 20rpx auto; + } + + text { + font-size: 20rpx; + display: block; + } + + .biaoti { + font-size: 30rpx; + margin: 10rpx 0 10rpx 0; + font-weight: bold; + } + + .xian { + font-size: 32rpx; + color: #bf0c0c; + font-weight: bold; + } + + .yuan { + text-decoration: line-through; + color: #c1c1c1; + } + } +} + +.goods { + width: 100%; + margin: 0 0 50rpx 0; + background-color: #fff; + margin-top: 10rpx; + + .goodsItem { + display: inline-block; + width: 46%; + border-radius: 20rpx; + padding: 25rpx; + padding-bottom: 5rpx; + margin: 0 20rpx 20rpx 20rpx; + background-color: #fff; + border: 1px solid #eee; + + .goodsImg { + width: 98%; + height: 380rpx; + border-radius: 10rpx; + } + + .goodsContent { + .goodsName { + margin-top: 10rpx; + font-size: 28rpx; + // font-weight: bold; + } + + .goodsPrice { + font-size: 28rpx; + margin: 5rpx 0 0 3rpx; + display: flex; + align-items: center; + justify-content: space-between; + + .price { + font-weight: bold; + color: #ff0000; + } + + .Salesnum { + color: #9b9b9b; + font-size: 24rpx; + } + } + } + } + + .goodsItem:nth-child(2n) { + margin-left: 0; + } +} +