|
|
@@ -25,20 +25,21 @@
|
|
|
</view>
|
|
|
</u-navbar>
|
|
|
</view>
|
|
|
- <swiper style="height: calc(100vh - 300rpx);" class="index-swiper" :circular="false" :autoplay="false" :current="current" @change="swipertotabs" >
|
|
|
+ <swiper style="height: calc(100vh - 300rpx);" class="index-swiper" :circular="false" :autoplay="false"
|
|
|
+ :current="current" @change="swipertotabs">
|
|
|
<!-- 商城 -->
|
|
|
<swiper-item>
|
|
|
- <view >
|
|
|
- <kj-express></kj-express>
|
|
|
+ <view>
|
|
|
+ <kj-express :language='language'></kj-express>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
<swiper-item>
|
|
|
- <view >
|
|
|
- <kj-index></kj-index>
|
|
|
+ <view>
|
|
|
+ <kj-index :language='language'></kj-index>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
- <view class="" style="height: 160rpx;" ></view>
|
|
|
+ <view class="" style="height: 160rpx;"></view>
|
|
|
<kj-tabbar :value1=0 ref="kjTabbar"></kj-tabbar>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -69,7 +70,6 @@
|
|
|
],
|
|
|
show: true,
|
|
|
timer: '',
|
|
|
- language: 'zh-CN',
|
|
|
subsidylist: [], //百万补贴
|
|
|
packlist: [], //拼包好物
|
|
|
shippList: [], //海外包邮
|
|
|
@@ -82,6 +82,7 @@
|
|
|
url: '',
|
|
|
unReadCount: 0,
|
|
|
type: "error",
|
|
|
+ language:''
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -123,15 +124,15 @@
|
|
|
// //海外包邮
|
|
|
// this.shipp()
|
|
|
// this.recommend()
|
|
|
- // if (uni.getStorageSync('language') != '') {
|
|
|
- // this.language = uni.getStorageSync('language')
|
|
|
- // }
|
|
|
+ if (uni.getStorageSync('language') != '') {
|
|
|
+ this.language = uni.getStorageSync('language')
|
|
|
+ }
|
|
|
// this.HXlogin()
|
|
|
- this.$refs.kjTabbar.getNumber();
|
|
|
+ this.$refs.kjTabbar.getNumber();
|
|
|
},
|
|
|
methods: {
|
|
|
//左右切换
|
|
|
- swipertotabs(e){
|
|
|
+ swipertotabs(e) {
|
|
|
this.current = e.detail.current
|
|
|
},
|
|
|
//分段器切换
|
|
|
@@ -368,224 +369,224 @@
|
|
|
page {
|
|
|
background-color: rgba(0, 0, 0, 0)
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-.discount {
|
|
|
- // width: 100rpx;
|
|
|
- padding: 0 6rpx;
|
|
|
- height: 36rpx;
|
|
|
- background: #ff1515;
|
|
|
- border-radius: 6rpx;
|
|
|
- position: absolute;
|
|
|
- left: 12rpx;
|
|
|
- top: 12rpx;
|
|
|
- z-index: 10;
|
|
|
- font-family: OriyaMN;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 36rpx;
|
|
|
- text-align: center;
|
|
|
- font-style: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.index-navbar {
|
|
|
- position: sticky;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 750rpx;
|
|
|
- z-index: 100;
|
|
|
-}
|
|
|
-
|
|
|
-::v-deep .u-tabs {
|
|
|
- width: 560rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.taber {
|
|
|
- border-radius: 4rpx;
|
|
|
- padding: 4rpx 8rpx;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16rpx;
|
|
|
- color: #d48700;
|
|
|
- line-height: 28rpx;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.title {
|
|
|
- font-family: SFPro, SFPro;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #222222;
|
|
|
- // line-height: 30rpx;
|
|
|
- // text-align: left;
|
|
|
- // font-style: normal;
|
|
|
- width: 300rpx;
|
|
|
- // height: 70rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- -webkit-line-clamp: 1;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-.weight {
|
|
|
- font-family: SFPro, SFPro;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #888888;
|
|
|
- line-height: 24rpx;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
- margin-left: 12rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.shopname {
|
|
|
- width: 124rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- white-space: nowrap;
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #666666;
|
|
|
- line-height: 28rpx;
|
|
|
- text-align: left;
|
|
|
- font-style: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.money {
|
|
|
- font-family: HarmonyOS_Sans_Medium;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #f83224;
|
|
|
- line-height: 38rpx;
|
|
|
- text-align: right;
|
|
|
- font-style: normal;
|
|
|
-}
|
|
|
-
|
|
|
-.biaoqian {
|
|
|
- height: 28rpx;
|
|
|
- border-radius: 6rpx;
|
|
|
- padding: 6rpx;
|
|
|
- margin-left: 8rpx;
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 30rpx;
|
|
|
- text-align: center;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.tag {
|
|
|
- // height: 28rpx;
|
|
|
- border-radius: 14rpx 14rpx 14rpx 0rpx;
|
|
|
- border: 1rpx solid #ffffff;
|
|
|
- padding: 6rpx;
|
|
|
- text-align: center;
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20rpx;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 28rpx;
|
|
|
- text-align: center;
|
|
|
- font-style: normal;
|
|
|
- box-sizing: border-box;
|
|
|
- // margin-left: -15rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.bigbox {
|
|
|
- width: 340rpx;
|
|
|
- // height: 468rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 12rpx;
|
|
|
- border: 2rpx solid #ffffff;
|
|
|
- margin-bottom: 22rpx;
|
|
|
- padding: 18rpx 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.smallbox {
|
|
|
- width: 340rpx;
|
|
|
- height: 226rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 12rpx;
|
|
|
- border: 2rpx solid #ffffff;
|
|
|
- margin-bottom: 22rpx;
|
|
|
- padding: 18rpx 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.shopback {
|
|
|
- width: 750rpx;
|
|
|
- min-height: 1216rpx;
|
|
|
- background: #f4f4f4;
|
|
|
- border-radius: 28rpx 28rpx 0rpx 0rpx;
|
|
|
- padding: 26rpx 24rpx;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.fenlei {
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #222222;
|
|
|
- line-height: 40rpx;
|
|
|
- text-align: right;
|
|
|
- font-style: normal;
|
|
|
- margin-left: 8rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.search {
|
|
|
- width: 702rpx;
|
|
|
- height: 68rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 34rpx;
|
|
|
- padding: 6rpx 6rpx 6rpx 36rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- .right {
|
|
|
- width: 100rpx;
|
|
|
- height: 56rpx;
|
|
|
- background: #ed0909;
|
|
|
- border-radius: 28rpx;
|
|
|
- font-family: PingFangSC, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 56rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.border {
|
|
|
- width: 2rpx;
|
|
|
- height: 24rpx;
|
|
|
- border: 2rpx solid #979797;
|
|
|
- opacity: 0.2;
|
|
|
- background-color: #979797;
|
|
|
-}
|
|
|
-
|
|
|
-// ::v-deep .u-navbar__content.data-v-1194bf80 {
|
|
|
-// background-color: rgba(0, 0, 0, 0) !important;
|
|
|
-// }
|
|
|
-
|
|
|
-// ::v-deep .u-status-bar.data-v-13f16680 {
|
|
|
-// background-color: rgba(0, 0, 0, 0) !important;
|
|
|
-// }
|
|
|
-
|
|
|
-::v-deep .u-subsection--button.data-v-b14d3440 {
|
|
|
- /* padding: 6rpx 34rpx !important; */
|
|
|
- border-radius: 64rpx !important;
|
|
|
-}
|
|
|
-
|
|
|
-::v-deep .u-subsection--button__bar.data-v-b14d3440 {
|
|
|
- border-radius: 32rpx !important;
|
|
|
-}
|
|
|
-</style>
|
|
|
+
|
|
|
+
|
|
|
+ .discount {
|
|
|
+ // width: 100rpx;
|
|
|
+ padding: 0 6rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ background: #ff1515;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ position: absolute;
|
|
|
+ left: 12rpx;
|
|
|
+ top: 12rpx;
|
|
|
+ z-index: 10;
|
|
|
+ font-family: OriyaMN;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .index-navbar {
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 750rpx;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .u-tabs {
|
|
|
+ width: 560rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .taber {
|
|
|
+ border-radius: 4rpx;
|
|
|
+ padding: 4rpx 8rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 16rpx;
|
|
|
+ color: #d48700;
|
|
|
+ line-height: 28rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-family: SFPro, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #222222;
|
|
|
+ // line-height: 30rpx;
|
|
|
+ // text-align: left;
|
|
|
+ // font-style: normal;
|
|
|
+ width: 300rpx;
|
|
|
+ // height: 70rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+
|
|
|
+ .weight {
|
|
|
+ font-family: SFPro, SFPro;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #888888;
|
|
|
+ line-height: 24rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ margin-left: 12rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shopname {
|
|
|
+ width: 124rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-break: break-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 28rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .money {
|
|
|
+ font-family: HarmonyOS_Sans_Medium;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #f83224;
|
|
|
+ line-height: 38rpx;
|
|
|
+ text-align: right;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .biaoqian {
|
|
|
+ height: 28rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ padding: 6rpx;
|
|
|
+ margin-left: 8rpx;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 30rpx;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tag {
|
|
|
+ // height: 28rpx;
|
|
|
+ border-radius: 14rpx 14rpx 14rpx 0rpx;
|
|
|
+ border: 1rpx solid #ffffff;
|
|
|
+ padding: 6rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 28rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-style: normal;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // margin-left: -15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bigbox {
|
|
|
+ width: 340rpx;
|
|
|
+ // height: 468rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ border: 2rpx solid #ffffff;
|
|
|
+ margin-bottom: 22rpx;
|
|
|
+ padding: 18rpx 20rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .smallbox {
|
|
|
+ width: 340rpx;
|
|
|
+ height: 226rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ border: 2rpx solid #ffffff;
|
|
|
+ margin-bottom: 22rpx;
|
|
|
+ padding: 18rpx 20rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shopback {
|
|
|
+ width: 750rpx;
|
|
|
+ min-height: 1216rpx;
|
|
|
+ background: #f4f4f4;
|
|
|
+ border-radius: 28rpx 28rpx 0rpx 0rpx;
|
|
|
+ padding: 26rpx 24rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fenlei {
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #222222;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: right;
|
|
|
+ font-style: normal;
|
|
|
+ margin-left: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search {
|
|
|
+ width: 702rpx;
|
|
|
+ height: 68rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 34rpx;
|
|
|
+ padding: 6rpx 6rpx 6rpx 36rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .right {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ background: #ed0909;
|
|
|
+ border-radius: 28rpx;
|
|
|
+ font-family: PingFangSC, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 56rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .border {
|
|
|
+ width: 2rpx;
|
|
|
+ height: 24rpx;
|
|
|
+ border: 2rpx solid #979797;
|
|
|
+ opacity: 0.2;
|
|
|
+ background-color: #979797;
|
|
|
+ }
|
|
|
+
|
|
|
+ // ::v-deep .u-navbar__content.data-v-1194bf80 {
|
|
|
+ // background-color: rgba(0, 0, 0, 0) !important;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // ::v-deep .u-status-bar.data-v-13f16680 {
|
|
|
+ // background-color: rgba(0, 0, 0, 0) !important;
|
|
|
+ // }
|
|
|
+
|
|
|
+ ::v-deep .u-subsection--button.data-v-b14d3440 {
|
|
|
+ /* padding: 6rpx 34rpx !important; */
|
|
|
+ border-radius: 64rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .u-subsection--button__bar.data-v-b14d3440 {
|
|
|
+ border-radius: 32rpx !important;
|
|
|
+ }
|
|
|
+</style>
|
