xiaozhan
/
mall4
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 样式调整，域名修改；

Browse Source
main
wx-jincw 8 months ago
parent f1803e2f8f
commit 94d77e18ee
5 changed files with 507 additions and 511 deletions
Show Stats Download Patch File Download Diff File

3
mall4uni/.env.development
Unescape View File

@ -10,7 +10,8 @@ VITE_APP_ENV = 'development'
VITE_APP_MP_APPID = 'wx42bbe857570c5b40' VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
# 统一接口域名 # 统一接口域名
VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn' # VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn'
VITE_APP_BASE_API = 'http://124.71.134.146:18086'
# 图片域名 # 图片域名
VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/' VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'

2
mall4uni/.env.production
Unescape View File

@ -10,7 +10,7 @@ VITE_APP_ENV = 'production'
VITE_APP_MP_APPID = 'wx42bbe857570c5b40' VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
# 统一接口域名 # 统一接口域名
VITE_APP_BASE_API = 'http://127.0.0.1:8086' VITE_APP_BASE_API = 'http://124.71.134.146:18086'
# 图片域名 # 图片域名
VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/' VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'

6
mall4uni/src/App.vue
Unescape View File

@ -1,9 +1,9 @@
<script setup> <script setup>
http.getCartCount() http.getCartCount();
</script> </script>
<style lang="scss" scoped> <style lang="scss">
@import "./app.css"; @import './app.css';
/* 隐藏头部 */ /* 隐藏头部 */
uni-page-head { uni-page-head {
display: none; display: none;

40
mall4uni/src/app.css
Unescape View File

@ -3,19 +3,20 @@
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
color: #333; color: #333;
font-family: helvetica,'Heiti SC',PingFangSC-Light; font-family: helvetica, 'Heiti SC', PingFangSC-Light;
} }
.price{
.price {
font-family: Arial; font-family: Arial;
display: inline-block; display: inline-block;
color: #eb2444; color: #eb2444;
padding-bottom:10rpx; padding-bottom: 10rpx;
padding-left:10rpx; padding-left: 10rpx;
} }
/* 价格数字显示不同大小 */ /* 价格数字显示不同大小 */
.symbol { .symbol {
font-size: 24rpx; font-size: 34rpx;
} }
.big-num { .big-num {
@ -34,24 +35,28 @@
uni-checkbox-group { uni-checkbox-group {
width: 100% !important; width: 100% !important;
} }
uni-checkbox-group uni-label{
uni-checkbox-group uni-label {
width: 33% !important; width: 33% !important;
display: inline-flex; display: inline-flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
/*checkbox 选项框大小 */ /*checkbox 选项框大小 */
uni-checkbox .uni-checkbox-input{ uni-checkbox .uni-checkbox-input {
width: 38rpx !important; width: 38rpx !important;
height: 38rpx !important; height: 38rpx !important;
border-radius: 50%!important; border-radius: 50% !important;
} }
/*checkbox选中后样式 */ /*checkbox选中后样式 */
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
background: #e43130; background: #e43130;
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
/*checkbox选中后图标样式 */ /*checkbox选中后图标样式 */
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
display: inline-block; display: inline-block;
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
@ -69,27 +74,29 @@ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
*自定义样式 *自定义样式
*/ */
/* 未选中的 背景样式 */ /* 未选中的 背景样式 */
uni-radio .uni-radio-input{ uni-radio .uni-radio-input {
height: 36rpx; height: 36rpx;
width: 36rpx; width: 36rpx;
border-radius: 50%; border-radius: 50%;
background: transparent; background: transparent;
box-sizing: border-box; box-sizing: border-box;
} }
/* 选中后的 背景样式 */ /* 选中后的 背景样式 */
uni-radio .uni-radio-input.uni-radio-input-checked{ uni-radio .uni-radio-input.uni-radio-input-checked {
border: none !important; border: none !important;
background: #e43130 !important; background: #e43130 !important;
} }
/* 选中后的 对勾样式 */ /* 选中后的 对勾样式 */
uni-radio .uni-radio-input.uni-radio-input-checked::before{ uni-radio .uni-radio-input.uni-radio-input-checked::before {
border-radius: 50%; border-radius: 50%;
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
line-height: 32rpx; line-height: 32rpx;
text-align: center; text-align: center;
font-size: 20rpx; font-size: 20rpx;
color:#fff; color: #fff;
background: #e43130; background: #e43130;
border-radius: 50%; border-radius: 50%;
transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
@ -97,12 +104,13 @@ uni-radio .uni-radio-input.uni-radio-input-checked::before{
} }
/* 底部按钮兼容 iPhone X以上 */ /* 底部按钮兼容 iPhone X以上 */
@media screen and (width: 375px) and (height: 812px){ @media screen and (width: 375px) and (height: 812px) {
.container { .container {
padding-bottom: 70px; padding-bottom: 70px;
} }
} }
@media screen and (width: 414px) and (height: 736px){
@media screen and (width: 414px) and (height: 736px) {
.container { .container {
padding-bottom: 70px; padding-bottom: 70px;
} }

435
mall4uni/src/pages/index/index.vue
Unescape View File

@ -4,18 +4,25 @@
<view class="scrolltop"> <view class="scrolltop">
<view class="section" @tap="toSearchPage"> <view class="section" @tap="toSearchPage">
<image src="@/static/images/icon/search.png" class="search-img" /> <image src="@/static/images/icon/search.png" class="search-img" />
<text class="placeholder"> <text class="placeholder">搜索</text>
搜索
</text>
</view> </view>
</view> </view>
</view> </view>
<view class="content"> <view class="content">
<!-- swiper --> <!-- swiper -->
<swiper :autoplay="autoplay" :indicator-color="indicatorColor" :interval="interval" :duration="duration" <swiper
:indicator-active-color="indicatorActiveColor + ' '" :circular="true" class="pic-swiper" indicator-dots :autoplay="autoplay"
previous-margin="20rpx" next-margin="20rpx"> :indicator-color="indicatorColor"
:interval="interval"
:duration="duration"
:indicator-active-color="indicatorActiveColor + ' '"
:circular="true"
class="pic-swiper"
indicator-dots
previous-margin="20rpx"
next-margin="20rpx"
>
<block v-for="(item, index) in indexImgs" :key="index"> <block v-for="(item, index) in indexImgs" :key="index">
<swiper-item class="banner-item"> <swiper-item class="banner-item">
<view class="img-box"> <view class="img-box">
@ -62,13 +69,11 @@
<view v-if="updata" class="updata"> <view v-if="updata" class="updata">
<block v-for="(item, index) in taglist" :key="index"> <block v-for="(item, index) in taglist" :key="index">
<!-- 每日上新 --> <!-- 每日上新 -->
<view v-if="item.style==='2' && item.prods && item.prods.length" class="up-to-date"> <view v-if="item.style === '2' && item.prods && item.prods.length" class="up-to-date">
<view class="title"> <view class="title">
<text>{{ item.title }}</text> <text>{{ item.title }}</text>
<view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage"> <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
<text class="more"> <text class="more">查看更多</text>
查看更多
</text>
</view> </view>
</view> </view>
<view class="item-cont"> <view class="item-cont">
@ -82,15 +87,11 @@
{{ prod.prodName }} {{ prod.prodName }}
</view> </view>
<view class="price"> <view class="price">
<text class="symbol"> <text class="symbol">￥</text>
￥
</text>
<text class="big-num"> <text class="big-num">
{{ wxs.parsePrice(prod.price)[0] }} {{ wxs.parsePrice(prod.price)[0] }}
</text> </text>
<text class="small-num"> <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
.{{ wxs.parsePrice(prod.price)[1] }}
</text>
</view> </view>
</view> </view>
</view> </view>
@ -99,13 +100,11 @@
</view> </view>
<!-- 商城热卖 --> <!-- 商城热卖 -->
<view v-if="item.style==='1' && item.prods && item.prods.length" class="hot-sale"> <view v-if="item.style === '1' && item.prods && item.prods.length" class="hot-sale">
<view class="title"> <view class="title">
<text>{{ item.title }}</text> <text>{{ item.title }}</text>
<view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage"> <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
<text class="more"> <text class="more">更多</text>
更多
</text>
<text class="arrow" /> <text class="arrow" />
</view> </view>
</view> </view>
@ -124,15 +123,11 @@
</view> </view>
<view class="prod-text-info"> <view class="prod-text-info">
<view class="price"> <view class="price">
<text class="symbol"> <text class="symbol">￥</text>
￥
</text>
<text class="big-num"> <text class="big-num">
{{ wxs.parsePrice(prod.price)[0] }} {{ wxs.parsePrice(prod.price)[0] }}
</text> </text>
<text class="small-num"> <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
.{{ wxs.parsePrice(prod.price)[1] }}
</text>
</view> </view>
<image src="@/static/images/tabbar/basket-sel.png" class="basket-img" /> <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" />
</view> </view>
@ -143,7 +138,7 @@
</view> </view>
<!-- 更多宝贝 --> <!-- 更多宝贝 -->
<view v-if="item.style==='0' && item.prods && item.prods.length" class="more-prod"> <view v-if="item.style === '0' && item.prods && item.prods.length" class="more-prod">
<view class="title"> <view class="title">
{{ item.title }} {{ item.title }}
</view> </view>
@ -162,15 +157,11 @@
</view> </view>
<view class="b-cart"> <view class="b-cart">
<view class="price"> <view class="price">
<text class="symbol"> <text class="symbol">￥</text>
￥
</text>
<text class="big-num"> <text class="big-num">
{{ wxs.parsePrice(prod.price)[0] }} {{ wxs.parsePrice(prod.price)[0] }}
</text> </text>
<text class="small-num"> <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
.{{ wxs.parsePrice(prod.price)[1] }}
</text>
</view> </view>
<image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" /> <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" />
</view> </view>
@ -185,215 +176,211 @@
</template> </template>
<script setup> <script setup>
const wxs = number() const wxs = number();
const indicatorColor = ref('#d1e5fb') const indicatorColor = ref('#d1e5fb');
const indicatorActiveColor = ref('#1b7dec') const indicatorActiveColor = ref('#1b7dec');
const autoplay = ref(true) const autoplay = ref(true);
const interval = ref(2000) const interval = ref(2000);
const duration = ref(1000) const duration = ref(1000);
const indexImgs = ref([]) const indexImgs = ref([]);
const seq = ref(0) const seq = ref(0);
const news = ref([]) const news = ref([]);
const taglist = ref([]) const taglist = ref([]);
const updata = ref(true) const updata = ref(true);
onLoad(() => { onLoad(() => {
getAllData() getAllData();
}) });
onShow(() => { onShow(() => {
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
uni.getSetting({ uni.getSetting({
success(res) { success(res) {
if (!res.authSetting['scope.userInfo']) { if (!res.authSetting['scope.userInfo']) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/login/login' url: '/pages/login/login'
}) });
}
} }
}) }
// #endif });
http.getCartCount() // 重新计算购物车总数量 // #endif
}) http.getCartCount(); // 重新计算购物车总数量
});
onPullDownRefresh(() => { onPullDownRefresh(() => {
// 模拟加载 // 模拟加载
setTimeout(() => { setTimeout(() => {
getAllData() getAllData();
uni.stopPullDownRefresh() // 停止下拉刷新 uni.stopPullDownRefresh(); // 停止下拉刷新
}, 100) }, 100);
}) });
const getAllData = () => { const getAllData = () => {
http.getCartCount() // 重新计算购物车总数量 http.getCartCount(); // 重新计算购物车总数量
getIndexImgs() getIndexImgs();
getNoticeList() getNoticeList();
getTag() getTag();
} };
const toProdPage = (e) => { const toProdPage = (e) => {
const prodid = e.currentTarget.dataset.prodid const prodid = e.currentTarget.dataset.prodid;
if (prodid) { if (prodid) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/prod/prod?prodid=' + prodid url: '/pages/prod/prod?prodid=' + prodid
}) });
}
}
/**
* 加入购物车
* @param item
*/
const addToCart = (item) => {
uni.showLoading({
mask: true
})
http.request({
url: '/prod/prodInfo',
method: 'GET',
data: {
prodId: item.prodId
}
})
.then(({
data
}) => {
http.request({
url: '/p/shopCart/changeItem',
method: 'POST',
data: {
basketId: 0,
count: 1,
prodId: data.prodId,
shopId: data.shopId,
skuId: data.skuList[0].skuId
}
})
.then(() => {
uni.hideLoading()
http.getCartCount() // 重新计算购物车总数量
uni.showToast({
title: '加入购物车成功',
icon: 'none'
})
})
})
} }
};
const toCouponCenter = () => { /**
uni.showToast({ * 加入购物车
icon: 'none', * @param item
title: '功能开发中' */
const addToCart = (item) => {
uni.showLoading({
mask: true
});
http
.request({
url: '/prod/prodInfo',
method: 'GET',
data: {
prodId: item.prodId
}
}) })
} .then(({ data }) => {
http
.request({
url: '/p/shopCart/changeItem',
method: 'POST',
data: {
basketId: 0,
count: 1,
prodId: data.prodId,
shopId: data.shopId,
skuId: data.skuList[0].skuId
}
})
.then(() => {
uni.hideLoading();
http.getCartCount(); // 重新计算购物车总数量
uni.showToast({
title: '加入购物车成功',
icon: 'none'
});
});
});
};
/** const toCouponCenter = () => {
* 跳转搜索页 uni.showToast({
*/ icon: 'none',
const toSearchPage = () => { title: '功能开发中'
uni.navigateTo({ });
url: '/pages/search-page/search-page' };
})
}
/** /**
* 跳转商品活动页面 * 跳转搜索页
* @param e */
*/ const toSearchPage = () => {
const toClassifyPage = (e) => { uni.navigateTo({
let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts url: '/pages/search-page/search-page'
const id = e.currentTarget.dataset.id });
const title = e.currentTarget.dataset.title };
if (id) { /**
url += '&tagid=' + id + '&title=' + title * 跳转商品活动页面
} * @param e
*/
const toClassifyPage = (e) => {
let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts;
const id = e.currentTarget.dataset.id;
const title = e.currentTarget.dataset.title;
uni.navigateTo({ if (id) {
url url += '&tagid=' + id + '&title=' + title;
})
}
/**
* 跳转公告列表页面
*/
const onNewsPage = () => {
uni.navigateTo({
url: '/pages/recent-news/recent-news'
})
} }
/** uni.navigateTo({
* 加载轮播图 url
*/ });
const getIndexImgs = () => { };
http.request({ /**
url: '/indexImgs', * 跳转公告列表页面
method: 'GET', */
data: {} const onNewsPage = () => {
}) uni.navigateTo({
.then(({ url: '/pages/recent-news/recent-news'
data });
}) => { };
indexImgs.value = data
seq.value = data
})
}
const getNoticeList = () => { /**
// 加载公告 * 加载轮播图
http.request({ */
url: '/shop/notice/topNoticeList', const getIndexImgs = () => {
method: 'GET', http
data: {} .request({
}) url: '/indexImgs',
.then(({ method: 'GET',
data data: {}
}) => { })
news.value = data .then(({ data }) => {
}) indexImgs.value = data;
} seq.value = data;
});
};
/** const getNoticeList = () => {
* 加载商品标题分组列表 // 加载公告
*/ http
const getTag = () => { .request({
http.request({ url: '/shop/notice/topNoticeList',
url: '/prod/tag/prodTagList', method: 'GET',
method: 'GET', data: {}
data: {} })
}) .then(({ data }) => {
.then(({ news.value = data;
data });
}) => { };
taglist.value = data
for (let i = 0; i < data.length; i++) {
updata.value = false
updata.value = true
getTagProd(data[i].id, i)
}
})
}
const getTagProd = (id, index) => { /**
http.request({ * 加载商品标题分组列表
url: '/prod/prodListByTagId', */
method: 'GET', const getTag = () => {
data: { http
tagId: id, .request({
size: 6 url: '/prod/tag/prodTagList',
} method: 'GET',
}) data: {}
.then(({ })
data .then(({ data }) => {
}) => { taglist.value = data;
updata.value = false for (let i = 0; i < data.length; i++) {
updata.value = true updata.value = false;
const taglistParam = taglist.value updata.value = true;
taglistParam[index].prods = data.records getTagProd(data[i].id, i);
taglist.value = taglistParam }
}) });
} };
const getTagProd = (id, index) => {
http
.request({
url: '/prod/prodListByTagId',
method: 'GET',
data: {
tagId: id,
size: 6
}
})
.then(({ data }) => {
updata.value = false;
updata.value = true;
const taglistParam = taglist.value;
taglistParam[index].prods = data.records;
taglist.value = taglistParam;
});
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@use './index.scss'; @use './index.scss';
</style> </style>

Write Preview
Loading…
Cancel
Save