Skip to content

S
shop_mobile_uni
Commit 1bb49918 authored by 郑秀明's avatar 郑秀明
Browse files
Options

修改部署配置

parents fa5d60f3 7038bfd5
Hide whitespace changes
Inline Side-by-side
Showing with 1103 additions and 506 deletions
.DS_Store
View file @ 1bb49918
No preview for this file type
App.vue
View file @ 1bb49918
<script>
<script>
import Vue from 'vue';
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
// uni.request({
// url: '/uni/api/application/is_login',
// type:'get',
// success: (res) => {
// Vue.prototype.$isLogin = res.data.data;
// }
// });
}
}
</script>
......
common/host.js
View file @ 1bb49918
// php测试环境
export const php = 'http://test.pet-dbc.cn/mobile/index.php?'
// export const php = 'http://test.pet-dbc.cn/mobile/index.php?'
// php镜像
export const php = 'https://jingxiang.pet-dbc.cn/mobile/index.php?'
// php正式环境
//export php = 'https://shop.pet-dbc.cn/mobile/index.php?'
// go测试环境
export const go = 'https://tm.pet-dbc.cn'
// export const go = 'https://tm.pet-dbc.cn'
// go镜像环境
export const go = 'https://jxm.pet-dbc.cn'
// go正式环境
// export go 'https://m.pet-dbc.cn';
\ No newline at end of file
components/BottomBar/BottomBar.vue 0 → 100644
View file @ 1bb49918
<template>
<view>
<view class="bottom-bar">
<view @click="jumpPhpPage()">
<i class="home_icon"></i>
<text>首页</text>
</view>
<view @click="jumpPhpPage('app=category')">
<i class="cate_icon"></i>
<text>分类</text>
</view>
<view @click="jumpPhpPage('app=cart')">
<i class="cart_icon"></i>
<text>购物车</text>
</view>
<view @click="jumpPhpPage('app=member')">
<i class="shop_icon"></i>
<text>我的商城</text>
</view>
</view>
</view>
</template>
<script>
import { php } from '../../common/host.js';
export default {
data() {
return {
php: php
}
},
methods: {
jumpPhpPage(url) {
let link = url ? `${php}${url}` : php;
window.location.href = link;
}
}
}
</script>
<style lang="less" scoped>
.bottom-bar {
display: flex;
justify-content: space-around;
border-top: 1px solid #dcdcdc;
position: fixed;
width: 100%;
left: 0;
bottom: 0;
background: #fff;
i {
display: block;
width: 44rpx;
height: 44rpx;
margin: 0 auto;
position: relative;
top: 14rpx;
}
.home_icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAABSlBMVEUAAAAlFhQUDgkTDwpfX18SDQoSDQcwMDAWDwkZFQ0cEBAIAQQIAgMTDgkUDgoVDQ0TDwkIAQQhGQskGwsnHQuuhCESEQwTDggIAQMUDwjjryjhrCiqgiATDgr//5UTDgingR8TDwgIAQQIAQQJAQT6wC0TDwgJAgP7wSz6wC3+wjAZFQv/1Uf6wCwTDwn5wCwJAQMaEgkUDgj5wCyYdR0TDglKORAUDgkTDgkOCQf5wS0IAgQJAwT7wC77wi0QDggYEAwgICD1uyvpsisJAQP6wCz6wC0TDwnXpSf5wC0IAQTAkyOfeR4TDwkUDwkJAQS1iyGxiSH6vy0wJA07LBB0WRgIAQTfrChhSRT5vy35wC0JAgP6vy0UDgkUDwn5wC35wS0UEAn6wCwUDgnHmCP8wCz7wjAUDwpANQv/yDf/0S4TDgj6vywIAQO/pr9xAAAAa3RSTlMADGNyAnQ5BR0TEL6dyUIg7djS0M7NJvz59unnzGoB+Mu7uLSsnpWRdGYsFwb07+bl3tjVx8fBpZ+Eg31URT4tHwj57+7r6uPe3dnU0tLR0dDPzMjEwMC/v7SrpZSNiomHcG1YV1E7MxgOC7YxrVcAAAHjSURBVDjL1dRXc5tAEMDxBSMksMDESdQSSbEk1yiOa2zHLU7vvTf3uvD9X73HMVoQZ439Zv+fgPvNaWc4AVe7rKZqw1BQ10F1xYVCt60W8cwmzaQ1sVeelcBihqWcptmURR3t/ahUKreoN19oaSS5cfSAq435sseDiGUbuEXEugVd7Uf6IyJW+bFdRlyAVA8jPY34jp9uI6KZxu37En9LLM8gvmeT2vpJGXERoiweKtmBL/uKOGmAbJ3wXRU+ifDbGHARZ0BZNHSFcIGxo8affVkMm4helsVof1hLA/gl7csYHqDrDOPXQVgpBzAs8QMCGsiMF4hFnd99KcR9dLkV2p9khzrLu0jxILqweaB2hP1Ei/VD6DTCWLQUBI3wdlXgm7SoA6cnMTSn5Ijt5xEe6MIGcPlrIBu7CK4N98KWzdgg0p7tgT80sx08+nRDDHKbFh914RqEIPi+LnGuFTQAYFyJQbYcBM3l/qlMqxTkxY9shjinxlD4I99gwwSq9qoXpjRzZcW1gRJT+HdUWNXEvfPjtWe+EnuKbeUJnYv+VIzLepwdT6yO/531O6e5biQ+zbG7td80KDdX5NPMGX1DjuPMzw9S10U3RNNIuSn8D8/qP6TyUJ1XBcUUyTIy3dXgknUK0SzgDYs5mO8AAAAASUVORK5CYII=)no-repeat center center;
background-size: 100%;
}
.cate_icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAABF1BMVEUAAAAcHBwUDwgUDgkTDgkTDggTDggUDggTDwkTDwk+Pj4cFAkUDggUDgkTDgkUDgkUDwkUDgkWEQsbFQ07LQ49Lw8TDwgUDwkTDwoWEgkUDwoTDggTDwgTDggTDwgTDgkUDggTDgoUDwoVDgslGwsdFgkUDggTDggTDwkUDwgUEQo0KQ0UEAocGA0aEgkVFRUTDwkTDgg/MA9AMQ9AMg8VDwgTDwkVEAoVEAsUEAkVFQojEREtIQsUDwguIw04Kw4UDwlCMhBBMQ8UDwkUDghAMBBAMRE+Lg4VDgk4KxAXDw8TDgj5vyx4WxdvVRYXEQgqHwwgGQryuivmsCiCYxlNOxHRoCbGmCS2jCKpgR9sUxY6LA4tIg3/BqV7AAAAS3RSTlMACJnD5fzYtKnwBBv36a+Pc1ctEtfOnZSEODL58vG6oX5pZ0b+/tzU0V1LPz8nHQvuyMG3kXp3YmBQFw709PPfwaOdjIB/eG9tTiLqLyxHAAAB5ElEQVQ4y+WU13KbQBhGkQUqCIiMbHXJ6sVWcY0dO70nRwmRS/r7P0eIWLOLx+YumczkXAD/t2fZZfhB+19IjEsZn2I+F0a5w/1Nn4M3iRtuJYWg3hHRqz6CxztR1/itZbNZAyivomcAy+WyD3iqnUhhlFfrz9dtjKp/sePR+3a+8Lm49Hio7OQYysoijn/agC8LwSW8lnIRCmGRxPaPPa4W11zAvpQd7MhM/wjfFyE9NuR4Gl0Wa0L+KOVPf0fOYJkx8rnHppRbsB0jf4XnUp5a6O6d8uefeFNNch9qzdK9FUMh//gQcOXBoaZglpAIWeHA1CJMmo/ukPtP3t3W0iHR4o+Qc2fmLXEh7zxNXiPMkg7sFqc33W0dhVU0tggw8lG3C9RSAdlA7gCptXxpBLxU3TMd660ZeYNVAyu443EDuorchmBAymk4kcuOFHkLzqLyqUFTHXbj+vkBtEUtihi5DZUwmUE5Tj5RO7wKR3HyBFph0oF19QGNhDKz4ffsLnZB+V8V1N6XU3MNksGX5gQ3MIuwpklmdeyJcJMw9s/zIQy7Cc2s7EHjVFPoAKOMT9KC9Cp6PwCMQQ2AF5rKkR8KHLG/QoaAvXqwS4m7Ncj66E0ldltOMl2ualU7Ksczd7V/iV/8C5Mn329uRwAAAABJRU5ErkJggg==)no-repeat center center;
background-size: 100%;
}
.cart_icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAA9lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6wi0AAAAAAAAAAAAAAAAAAAAAAAAAAAAKCAEAAAAAAAAAAAAAAAADAwAAAAAAAAAAAAD/xTAAAAD/1DoAAAAAAAAAAAAAAAD7wyz8xC77xC8uIwgWEQNTPw5GNgz7wiwmHgcAAAAAAAD7wS0AAAD7wSwAAAAAAAAAAAD6wS38wy37wS0AAAD/xjD//0AAAAD6wSxQPg54XRUuIwg4KwlaRQ9pURLyuirstinqtCnVpCXDliKyiR+NbBhyWBQzKAkyJggBVTZuAAAAQHRSTlMAQwziMyEYFvf9B6Sj5sQD25plKc+Ubkck/vbwuK6pXFEvJxAL7Na/sX9NPP7+/fzt5+HGtZqQi4mDa1U+OB0ECOMiggAAAVhJREFUOMvN1OdOwzAUhmG3lKQ2DQltuvde7L35ApQ97/9mCJGKTl278h8Er5QfR+dRZCmK2Z8nXGOa9rljGdoqwhqG7wVQ7seNbLsLXjc9ch44YKblgBibya1Xe0tyXoSyQGHGFnyoGrCwFcCm1nKUltdVuAZ0c5m4nGAKnAfUH4hgOjaYKfZQco1xGT6LEglam0WlZnESqyyqApq3GFdB83+wpcLuMk1osarfxK3xaFyT8c7ad4fD07Pz1mWnc8VYpzUa7m8HYXcyngRRb7fT1sPnPQgW4U/QikpcmuKXG9qrEjvYCPRNAEFwH3jW2scidqVfckuL74EsxcIDNp+U9CG0ZZvRYgD4x/V8kyKAtHw3cGg7YnKJiprzvbzySkvE5ruw52Eh3WRS2mWzBN7Q2UQSnB4lC6AiI7ockPkEQE2HjwGkyGz34GR02PKkpZsRTJsIl/+qL/pUf+OcGQ4QAAAAAElFTkSuQmCC)no-repeat center center;
background-size: 100%;
}
.shop_icon {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAA3lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7wiwAAAAAAAAAAAD7wi0AAAAAAAAAAAD/yTL6wiwAAAD7wSwAAAAAAAD6wi0AAAAAAAAAAAD8wi0AAAAAAAAAAAD/2U77wiz6wi0AAAD7wi38wi37wSz6wyz8wy78wiz7wS7/xC//xjkAAAD7wSyT/PkuAAAASHRSTlMA4bj75ncK9vGbIstBEwfZ1KGBamNfNCUD3pOOilJNQy8pHQ7s6L6xq3x8cD4S1M68taWhl4dzT0g5NwbxzMK0k4RuXktCKwmQ/edfAAABrUlEQVQ4y82U2VbiQBCGGzuBJBCWJAQBARFRFtFxm1Fn37+8/wtN4gyDJ6mOXvpdpE/V+XNS/VdV1GulOuna4ch7ibRxWuORtl1V5RxdssMalWrvLdCX0b13OB5YwO2+WXtYg73ptnQ7jYZGrV+B4EkcW9A1iW9gmP+S48vanqaeqzGEA1l8C5Ncar/FsXzHNpVCzoYzsXFwU/QH3oolS/mqwb0HiIpZTUcSe2Cnx3L+6298/fG9UjODHU1w0+Nrcr7JwmUyT8UxrJVEHSt9/j5P5ssf398kybs0CiAWxSvIxmyT6lI+ZNpmBcswnjVaTZXy88vn62+bfzavlMwBuas3NJZpA2ZtcJu7+M6BsTLhHUN9215/oDMzzfRawEUQdbthtop6rcrwXc1/2mfP7HadHc6qbL9npwD9xVWns/ikAWtSWrF2p9uKogrosMwL7+m0BIIfsssZYwctOn2FMLoNjXNU1MZwIexmCG4xe4KO5cHVU2FPFrLzwq6soaFE+rSKVThKZgi9wvsnBvEI7nKpGtZegcduPhR+pVWNROaxPxjkJyToVyQi9Rr5A0ULTH4PXjfXAAAAAElFTkSuQmCC)no-repeat center center;
background-size: 100%;
}
text {
font-size: 20rpx;
color: #6e6e6e;
}
}
</style>
components/uni-pagination/uni-pagination.vue
View file @ 1bb49918
......@@ -103,6 +103,9 @@
type: e,
current: this.currentIndex
})
},
parentsChangeCurrent(val) {
this.currentIndex = val;
}
}
}
......
pages/index/index.vue → index/index.vue
View file @ 1bb49918
......@@ -7,7 +7,8 @@
<i class="search_icon" @click="search"></i>
<input type="text" class="search_input" v-model="keyword" @confirm="search">
</view>
<text class="login_btn" @click="jumpPhpPage('app=member&act=login')">登录</text>
<text class="login_btn" @click="jumpPhpPage('app=member&act=login')" v-if="!isLogin">登录</text>
<uni-icons v-else type="person" size="30" @click="jumpPhpPage('app=member')"></uni-icons>
</view>
<view class="flex tab_bar">
<text :class="{act: tabIndex === 1}" @click="jumpPhpPage()">首页</text>
......@@ -21,38 +22,40 @@
</view>
<view class="backimg">
<view class="main_content">
<view class="banner"></view>
<view class="part_one">
<view class="banner" style="display: none;"></view>
<view class="part_one" style="margin-top: 20px;">
<view>
<text class="text">白条商品</text>
<i></i>
<text class="text">信用支付 帐期无忧</text>
<text class="text">信用支付 账期无忧</text>
</view>
<view class="flex classbox">
<view class="class_item" v-for="(item, index) in credit_cates_list" :key="index" @click="jumpSecondPage(item.cate_id, 1, 10)">
<image :src="item.goods_list[0]['default_image']"></image>
<image :src="item.goods_list[0]['default_image'] || $defaultClassImg"></image>
<text class="class_name">{{item.cate_name}}</text>
</view>
</view>
</view>
<view class="part_two">
<image class="portrait" src="https://dbc-static.oss-cn-beijing.aliyuncs.com/credit_shop/20190723/goods/5d367110e1741.jpeg?x-oss-process=image/resize,m_lfit,w_750,h_750/auto-orient,0/quality,Q_85/format,jpg"></image>
<text class="user_name">Hi, 谛宝多多</text>
<text class="go_credit" @click="jumpGoPage()"><text>我的白条</text><i class="go_credit_icon"></i></text>
<view>
<image class="portrait" :src="portrait || $defaultPortrait"></image>
<p class="user_name">{{customer_name}}</p>
</view>
<text class="go_credit" @click="isLogin ? (credit_flg ? jumpGoPage() : jumpGoPage('/introduce')) : jumpPhpPage('app=member&act=login')"><text>我的白条</text><i class="go_credit_icon"></i></text>
</view>
<view class="part_three">
<view class="part_three_top">
<view>
<p>谛宝多多 帐期无忧</p>
<p>谛宝多多 账期无忧</p>
<p>最高可享12期免息</p>
</view>
<text class="go_detail" @click="jumpGoPage('/introduce')">查看详情<i class="go_credit_icon"></i></text>
<text class="go_detail" @click="isLogin ? (credit_flg ? jumpDetailPage() : jumpGoPage('/introduce')) : jumpPhpPage('app=member&act=login')">查看详情<i class="go_credit_icon"></i></text>
</view>
<view class="part_three_bottom">
<view class="hot_goods" v-for="(item, index) in credit_goods_list" :key="index">
<image :src="item.default_image"></image>
<image :src="item.default_image || $noGoodsImg" @click="jumpPhpPage(`app=goods&id=${item.goods_id}`)"></image>
<p>{{item.goods_name}}</p>
<text>9个月账期</text>
<!-- <text>9个月账期</text> -->
</view>
</view>
</view>
......@@ -64,40 +67,51 @@
<view>
<view v-for="(item, index) in credit_cates_list" :key="index" class="cate_goods_view" v-show="index == current">
<view class="goods_info" v-for="(val, key ) in item.goods_list" :key="key">
<image :src="val.default_image"></image>
<image :src="val.default_image || $noGoodsImg" @click="jumpPhpPage(`app=goods&id=${val.goods_id}`)"></image>
<text class="goods_name">{{val.goods_name}}</text>
<view class="goods_tag">
<text>限时免息</text>
<text>9个月账期</text>
<!-- <text>9个月账期</text> -->
</view>
<text class="goods_des">{{val.goods_subname}}</text>
<view class="price_view">
<text>￥{{val.price}}</text>
<i></i>
<text>{{isLogin ? `￥${val.price}` : '登录显示价格'}}</text>
<i @click="addCart(val.spec_id, 1)"></i>
</view>
</view>
</view>
</view>
</view>
</view>
<BottomBar />
</view>
</view>
</template>
<script>
import { php, go } from '../../common/host.js';
import { php, go } from '../../common/host.js';
import uniIcons from "@/components/uni-icons/uni-icons.vue";
import BottomBar from "@/components/BottomBar/BottomBar.vue";
export default {
data() {
return {
tabIndex: 3, // 1:首页 2:精彩活动 3:谛宝白条 4:采购分期
credit_cates_list: [], // 分类
credit_goods_list: [], // 商品
customer_name: 'Hi, 谛宝多多',
portrait: '',
current: 0,
keyword: ''
keyword: '',
isLogin: 0,
credit_flg: 0
}
},
onLoad() {
this.getData();
},
components: {
uniIcons,
BottomBar
},
methods: {
// changeTab(index) {
......@@ -111,7 +125,12 @@
},
jumpSecondPage(cate_id, current, pageSize) {
uni.navigateTo({
url: `/pages/category/Category?cate_id_1=${cate_id}&current=${current}&pageSize=${pageSize}`
url: `/pages/category/category?cate_id_1=${cate_id}&current=${current}&page_size=${pageSize}`
});
},
jumpDetailPage() {
uni.navigateTo({
url: `/pages/detail/detail`
});
},
getData() {
......@@ -122,6 +141,14 @@
success: (res) => {
this.credit_cates_list = res.data.data.credit_cates_list;
this.credit_goods_list = res.data.data.credit_goods_list;
this.isLogin = res.data.login_flg;
this.credit_flg = res.data.credit_flg;
if(res.data.data.customer_name) {
this.customer_name = res.data.data.customer_name;
}
if(res.data.data.portrait) {
this.portrait = res.data.data.portrait;
}
}
})
},
......@@ -132,6 +159,9 @@
jumpGoPage(url) {
let link = url ? `${go}${url}` : go;
window.location.href = link;
},
addCart(spec_id, quantity) {
this.$addCart(spec_id, quantity, this.isLogin);
}
}
};
......@@ -154,6 +184,10 @@
justify-content: space-between;
padding: 24rpx;
box-sizing: border-box;
position: fixed;
width: 100%;
background-color: #fff;
z-index: 11;
}
.search_view {
width: 380rpx;
......@@ -220,11 +254,12 @@
height: 678rpx;
background: url(https://dbc-static.oss-cn-beijing.aliyuncs.com/credit/2611581321921_.pic_hd.png) no-repeat;
background-size: 100% 100%;
padding-top: 0.5px;
padding-top: 180rpx;
}
.main_content {
width: 93.6%;
margin: 0 auto;
padding-bottom: 98rpx;
.banner {
width: 100%;
height: 268rpx;
......@@ -264,16 +299,26 @@
flex-wrap: wrap;
margin-top: 22rpx;
box-shadow:0px 4px 16px 0px rgba(0,0,0,0.03);
.class_item {
flex:0 0 25%;
margin-bottom: 32rpx;
text-align: center;
}
image {
display: block;
width: 100rpx;
height: 96rpx;
border-radius: 50%;
margin: 0 auto;
}
.class_name {
font-size: 22rpx;
line-height: 32rpx;
}
}
.classbox image {
display: block;
width: 100rpx;
height: 96rpx;
border-radius: 50%;
}
.classbox .class_name {
font-size: 22rpx;
line-height: 32rpx;
.classbox:after {
content: '';
flex: auto;
}
.part_two {
box-shadow:0px 4px 10px 0px rgba(0,0,0,0.05);
......@@ -281,6 +326,9 @@
padding: 26rpx;
background: #fff;
margin-top: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.part_two .portrait {
width: 80rpx;
......@@ -292,7 +340,12 @@
font-size: 32rpx;
font-weight: 600;
vertical-align: middle;
margin: 0 200rpx 0 16rpx;
margin: 0 0 0 16rpx;
width: 380rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.go_credit {
display: inline-block;
......@@ -412,7 +465,7 @@
text-align: center;
background: #ECECEC;
display: inline-block;
width: 220rpx;
width: 200rpx;
margin-right: 20rpx;
position: relative;
text {
......@@ -423,6 +476,8 @@
.tabs_item_first {
background: url(../../static/index/2891581574508_.pic.jpg) no-repeat;
background-size: 100% 100%;
font-size: 28rpx;
color: #6e6e6e;
text {
transform: skew(0deg) !important;
}
......@@ -430,10 +485,13 @@
.tabs_item_first.act {
background: url(../../static/index/2811581501256_.pic.jpg) no-repeat;
background-size: 100% 100%;
color: #fff;
}
.tabs_item {
border-radius: 16rpx;
transform: skew(-30deg);
font-size: 28rpx;
color: #6e6e6e;
}
.tabs_item.act {
background: #D6C453;
......@@ -441,6 +499,8 @@
.tabs_item_last {
background: url(../../static/index/2801581501256_.pic.jpg) no-repeat;
background-size: 100% 100%;
font-size: 28rpx;
color: #6e6e6e;
text {
transform: skew(0deg) !important;
}
......@@ -448,6 +508,7 @@
.tabs_item_last.act {
background: url(../../static/index/2841581501334_.pic.jpg) no-repeat;
background-size: 100% 100%;
color: #fff;
}
}
.needs_tabs::-webkit-scrollbar {
......
main.js
View file @ 1bb49918
import Vue from 'vue'
import App from './App'
import App from './App'
import { php } from './common/host.js';
Vue.config.productionTip = false
Vue.config.productionTip = false
// 加入购物车
function addCart(spec_id, quantity, isLogin) {
if(!isLogin) {
uni.showToast({
title: '请先登录',
duration: 2000,
icon: 'none'
});
setTimeout(() => {
window.location.href = php+'app=member&act=login';
}, 2000);
return
}
uni.request({
url: '/uni/api//credit_goods/add_cart',
method: 'post',
dataType: 'json',
data: {
spec_id: spec_id,
quantity: quantity
},
success: (res) => {
let msg = '';
if(res.data.code == 0) {
msg = '已加入购物车'
} else {
msg = res.data.messages
}
uni.showToast({
title: msg,
duration: 2000,
icon: 'none'
});
}
})
}
Vue.prototype.$addCart = addCart;
Vue.prototype.$noGoodsImg = 'https://dbc-static.oss-cn-beijing.aliyuncs.com/credit/shangpinmorentu%402x.png';
Vue.prototype.$defaultPortrait = 'https://dbc-static.oss-cn-beijing.aliyuncs.com/credit/default_user_portrait.gif';
Vue.prototype.$defaultClassImg = 'https://dbc-static.oss-cn-beijing.aliyuncs.com/credit_shop/20190520/img/5ce2636edf912.png';
App.mpType = 'app'
......
manifest.json
View file @ 1bb49918
......@@ -53,17 +53,29 @@
"enable": true
}
},
"devServer": {
"port": 8080,
"disableHostCheck": true,
"proxy": {
"/api": {
"target": "http://192.168.50.133:6564/",
"changeOrigin": true,
"secure": false,
"pathRewrite": {
"^/api": "api"
}
"h5" : {
"title" : "谛宝多多商城",
"router" : {
"mode" : "history",
"base" : "/uni"
},
"publicPath" : "https://dbc-static.oss-cn-beijing.aliyuncs.com/dbc-shop/uni/",
"optimization" : {
"treeShaking" : {
"enable" : true
}
},
"devServer": {
"port": 8080,
"disableHostCheck": true,
"proxy": {
"/uni/api": {
"target": "http://192.168.50.133:6564/",
"changeOrigin": true,
"secure": false,
"pathRewrite":{"^/uni/api":"api"}
}
}
}
}
}
......
mirror.sh 0 → 100755
View file @ 1bb49918
#!/usr/bin/env bash
sshpass -p dbc_root123 scp -P 22 -r unpackage/dist/build/h5/* root@39.96.85.45:/docker/shop_mobile_uni/mirror/dist
package-lock.json
View file @ 1bb49918
This source diff could not be displayed because it is too large. You can view the blob instead.
pages.json
View file @ 1bb49918
......@@ -3,20 +3,27 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
"navigationBarTitleText": "白条专区"
}
},
{
"path": "pages/category/Category"
"path": "pages/category/category",
"style": {
"enablePullDownRefresh": true
}
},
{
"path": "pages/web/Web"
"path": "pages/web/web"
},
{
"path": "pages/detail/detail"
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarTitleText": "白条专区",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#fbfbfb"
"backgroundColor": "#fbfbfb",
"app-plus": {"titleNView": false}
}
}
pages/category/Category.vue
View file @ 1bb49918
......@@ -9,56 +9,74 @@
<text v-for="(item, index) in cate_list" :key="index" :class="{act: tabIndex === index}" @click="changeTabs(index, item.cate_id)">{{item.cate_name}}</text>
</view>
</view>
<view class="goods_box">
<view class="goods_box" v-if="goods_list instanceof Array">
<view class="goods_item" v-for="(item, index) in goods_list" :key="index">
<image :src="item.default_image"></image>
<image :src="item.default_image || $noGoodsImg" @click="jumpPhpPage(`app=goods&id=${item.goods_id}`)"></image>
<view class="goods_item_info">
<p>{{item.goods_name}}</p>
<p>{{item.goods_subname}}</p>
<view class="goods_tag">
<text>限时免息</text>
<text>9个月账期</text>
<!-- <text>9个月账期</text> -->
</view>
<p class="price">
<text>￥</text>{{item.price}}
<text>{{isLogin ? '￥' : ''}}</text>{{isLogin ? item.price : '登录显示价格'}}
</p>
</view>
<i class="cart_icon"></i>
<i class="cart_icon" @click="addCart(item.spec_id, 1)"></i>
</view>
<view class="pageBox">
<uni-pagination :total="page['total']" show-icon="true" @change="changePage"></uni-pagination>
<uni-pagination ref="pagination" :total="page['total']" current="1" show-icon="true" @change="changePage"></uni-pagination>
</view>
</view>
<view class="nodata" v-else>暂无此类商品</view>
<BottomBar />
</view>
</template>
<script>
import uniIcons from "@/components/uni-icons/uni-icons.vue";
import uniPagination from '@/components/uni-pagination/uni-pagination.vue';
import BottomBar from "@/components/BottomBar/BottomBar.vue";
import { php, go } from '../../common/host.js';
export default {
data() {
return {
goods_list: [],
page: {
total: 0
total: 0,
current: 1
},
cate_list: [],
firsr_cate_id: '',
cate_id_2: '',
tabIndex: -1,
params: {},
keyword: ''
keyword: '',
isLogin: 0
}
},
onLoad(option) {
this.firsr_cate_id = option.cate_id_1;
option.current = Number(option.current);
option.pageSize = Number(option.pageSize);
option.page_size = Number(option.page_size);
this.params = option;
this.getData(option)
},
onPullDownRefresh() {
if(this.keyword) {
this.search(this.keyword, uni.stopPullDownRefresh);
return
} else if (this.cate_id_2) {
this.changeTabs(this.tabIndex, this.cate_id_2, uni.stopPullDownRefresh);
} else {
this.changeTabs(this.tabIndex, this.firsr_cate_id, uni.stopPullDownRefresh);
}
},
components: {
uniIcons,
uniPagination
uniPagination,
BottomBar
},
methods: {
goBack() {
......@@ -76,27 +94,32 @@
this.goods_list = credit_goods_list;
this.cate_list = credit_cates_list;
this.page = page;
this.isLogin = res.data.login_flg;
}
});
},
changeTabs(index, cate_id) {
changeTabs(index, cate_id, cb) {
if(index == -1) {
var params = {
cate_id_1: cate_id+''
};
this.cate_id_2 = '';
} else {
var params = {
cate_id_2: cate_id+''
};
this.cate_id_2 = cate_id+'';
}
this.tabIndex = index;
this.$refs.pagination.parentsChangeCurrent(1);
uni.request({
url: '/uni/api/credit_goods/get_credit_second_goods',
method: 'POST',
data: {
...params,
goods_name: this.keyword,
current: 1,
pageSize: 10
page_size: 10
},
dataType: 'json',
success: (res) => {
......@@ -104,16 +127,26 @@
{ page } = res.data;
this.goods_list = credit_goods_list;
this.page = page;
!!cb && cb();
}
});
},
changePage(data) {
const { current } = data;
if(this.cate_id_2) {
var params = {
page_size: 10,
cate_id_2: this.cate_id_2,
goods_name: this.keyword
}
} else {
var params = this.params;
}
uni.request({
url: '/uni/api/credit_goods/get_credit_second_goods',
method: 'POST',
data: {
...this.params,
...params,
current: current,
},
dataType: 'json',
......@@ -123,14 +156,15 @@
}
});
},
search(keyword) {
search(keyword, cb) {
uni.request({
url: '/uni/api/credit_goods/get_credit_second_goods',
method: 'POST',
data: {
goods_name: this.keyword,
cate_id_1: this.firsr_cate_id,
current: 1,
pageSize: 10
page_size: 10
},
dataType: 'json',
success: (res) => {
......@@ -138,8 +172,18 @@
{ page } = res.data;
this.goods_list = credit_goods_list;
this.page = page;
!!cb && cb();
this.tabIndex = -1;
this.$refs.pagination.parentsChangeCurrent(1);
}
});
},
addCart(spec_id, quantity) {
this.$addCart(spec_id, quantity, this.isLogin);
},
jumpPhpPage(url) {
let link = url ? `${php}${url}` : php;
window.location.href = link;
}
}
}
......@@ -149,6 +193,11 @@
.search_box {
background: url(../../static/category/2641581405726_.pic.png) no-repeat;
background-position: 100% 100%;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 10;
i {
display: inline-block;
width: 60rpx;
......@@ -206,8 +255,14 @@
display: none;
}
}
.nodata {
text-align: center;
padding: 40rpx 0;
margin-top: 174rpx;
}
.goods_box {
padding-bottom: 80rpx;
padding-bottom: 118rpx;
margin-top: 174rpx;
.pageBox {
text-align: center;
}
......@@ -252,7 +307,7 @@
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11rpx;
font-size: 22rpx;
color: #7C7C7C;
}
.goods_tag {
......
pages/detail/Detail.vue 0 → 100644
View file @ 1bb49918
<template>
<view>
<view class="search_box">
<uni-icons type="back" size="30" :style="{'position':'relative','top': '-2px'}" @click.native="goBack()"></uni-icons>
<i @click="search"></i>
<input type="text" placeholder="我是要找的商品名" v-model="keyword" @confirm="search">
<view class="category_list">
<text :class="{act: tabIndex === -1}" @click="changeTabs(-1, firsr_cate_id)">全部</text>
<text v-for="(item, index) in cate_list" :key="index" :class="{act: tabIndex === index}" @click="changeTabs(index, item.cate_id)">{{item.cate_name}}</text>
</view>
</view>
<view class="goods_box" v-if="goods_list instanceof Array">
<view class="goods_item" v-for="(item, index) in goods_list" :key="index">
<image :src="item.default_image || $noGoodsImg" @click="jumpPhpPage(`app=goods&id=${item.goods_id}`)"></image>
<view class="goods_item_info">
<p>{{item.goods_name}}</p>
<p>{{item.goods_subname}}</p>
<view class="goods_tag">
<text>限时免息</text>
<!-- <text>9个月账期</text> -->
</view>
<p class="price">
<text>{{isLogin ? '￥' : ''}}</text>{{isLogin ? item.price : '登录显示价格'}}
</p>
</view>
<i class="cart_icon" @click="addCart(item.spec_id, 1)"></i>
</view>
<view class="pageBox">
<uni-pagination ref="pagination" :total="page['total']" current="1" show-icon="true" @change="changePage"></uni-pagination>
</view>
</view>
<view class="nodata" v-else>暂无此类商品</view>
<BottomBar />
</view>
</template>
<script>
import uniIcons from "@/components/uni-icons/uni-icons.vue";
import uniPagination from '@/components/uni-pagination/uni-pagination.vue';
import BottomBar from "@/components/BottomBar/BottomBar.vue";
import { php, go } from '../../common/host.js';
export default {
data() {
return {
goods_list: [],
page: {
total: 0,
current: 1
},
cate_list: [],
firsr_cate_id: '',
cate_id_1: '',
tabIndex: -1,
keyword: '',
isLogin: 0
}
},
onLoad(option) {
this.getData({
current: 1,
page_size: 10
});
},
onPullDownRefresh() {
if(this.keyword) {
this.search(this.keyword, uni.stopPullDownRefresh);
return
} else if (this.cate_id_1) {
this.changeTabs(this.tabIndex, this.cate_id_1, uni.stopPullDownRefresh);
} else {
this.changeTabs(this.tabIndex, this.firsr_cate_id, uni.stopPullDownRefresh);
}
},
components: {
uniIcons,
uniPagination,
BottomBar
},
methods: {
goBack() {
history.back()
},
getData(params) {
uni.request({
url: '/uni/api/credit_goods/get_credit_all_goods',
method: 'POST',
data: params,
dataType: 'json',
success: (res) => {
const { credit_cates_list, credit_goods_list } = res.data.data,
{ page } = res.data;
this.goods_list = credit_goods_list;
this.cate_list = credit_cates_list;
this.page = page;
this.isLogin = res.data.login_flg;
}
});
},
changeTabs(index, cate_id, cb) {
if(index != -1) {
var params = {
cate_id_1: cate_id+''
};
this.cate_id_1 = cate_id+'';
} else {
var params = {}
this.cate_id_1 = '';
}
this.tabIndex = index;
this.$refs.pagination.parentsChangeCurrent(1);
uni.request({
url: '/uni/api/credit_goods/get_credit_all_goods',
method: 'POST',
data: {
...params,
goods_name: this.keyword,
current: 1,
page_size: 10
},
dataType: 'json',
success: (res) => {
const { credit_goods_list } = res.data.data,
{ page } = res.data;
this.goods_list = credit_goods_list;
this.page = page;
!!cb && cb();
}
});
},
changePage(data) {
const { current } = data;
uni.request({
url: '/uni/api/credit_goods/get_credit_all_goods',
method: 'POST',
data: {
cate_id_1: this.cate_id_1,
goods_name: this.keywords,
current: current,
page_size: 10
},
dataType: 'json',
success: (res) => {
const { credit_goods_list } = res.data.data;
this.goods_list = credit_goods_list;
}
});
},
search(keyword, cb) {
uni.request({
url: '/uni/api/credit_goods/get_credit_all_goods',
method: 'POST',
data: {
goods_name: this.keyword,
current: 1,
page_size: 10
},
dataType: 'json',
success: (res) => {
const { credit_goods_list } = res.data.data,
{ page } = res.data;
this.goods_list = credit_goods_list;
this.page = page;
!!cb && cb();
this.tabIndex = -1;
this.$refs.pagination.parentsChangeCurrent(1);
}
});
},
addCart(spec_id, quantity) {
this.$addCart(spec_id, quantity, this.isLogin);
},
jumpPhpPage(url) {
let link = url ? `${php}${url}` : php;
window.location.href = link;
}
}
}
</script>
<style lang="less" scoped>
.search_box {
background: url(../../static/category/2641581405726_.pic.png) no-repeat;
background-position: 100% 100%;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 10;
i {
display: inline-block;
width: 60rpx;
height: 60rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAulBMVEUhISEiIiIjIyMsLCwtLS0vLy86OjpAQEBISEhMTExPT09SUlJaWlppaWl0dHR4eHh5eXmOjo6Tk5OYmJienp7AwMDJycnNxGbNxWjOxWjOxWrPxmvPxm7Qx3DQyHPRyXTRynbV1dXW1tbX0IrX0YvY0YvY0ozb1Zbb1pjc3Nzl5eXm4rvm4rzo6Ojp5cTp5sXq6urr6Mzr6M3s7Ozt6tLt69Xu69bv7+/w7tzx8fH19O/19e/39/X4+Phd4ycQAAABNklEQVRIx+3XyVKDQBCA4R8JEBJZBWTcIrjvUdS4zfu/lodErYhVA11lTukbFB80MNM9w/ZXHN1/6B7Bgh0/6X4xh5NbrSXw7E1L4M6V1hK496hF8OBFy6DQafQarhAWWZpmRV9YxQ4AOHHVAzahxXdYYdMV1h6AGyVJ5AJ4dTdYD4BgkWEVAIO6C2w8sPOf49wGr+kAQ7CXnlDbEJphZUG+fCoHqzLCGILf1wQQG6EDrbtX4JhgAW77fVwoDDCDqA0jyAwwhaQNE0j/C4pTFX8c8e+QDwDxkBMP8j+nlXUpm8gwnklKB8CoERSriyHgTwXlceoDwxtBQW5GgC9pAbMxbIh6x+umtbXujyuA4gXSRLokU/vCRaBSu9ciWJZlef4uhOXhnSRVpZRSp89CqNTJQ6/twycM+aPLaun/FQAAAABJRU5ErkJggg==) no-repeat;
background-size: 100% 100%;
margin-left: 20rpx;
position: relative;
top: 8rpx;
}
input {
display: inline-block;
vertical-align: middle;
width: 590rpx;
height: 60rpx;
line-height: 60rpx;
font-size: 28rpx;
margin: 14rpx 0 40rpx 0;
background: #F8F8F8;
border-radius: 0 30rpx 30rpx 0;
}
.category_list {
display: block;
white-space: nowrap;
overflow: scroll;
width: 94.6%;
margin-left: 2.7%;
padding-bottom: 8rpx;
text {
font-size: 28rpx;
line-height: 40rpx;
margin-right: 68rpx;
}
text:last-child {
margin-right: 0;
}
text.act {
font-size: 32rpx;
line-height: 44rpx;
position: relative;
font-weight: 500;
}
text.act:after {
width: 52rpx;
height: 4rpx;
background: #212121;
position: absolute;
left: 50%;
bottom: -8rpx;
margin-left: -26rpx;
content: '';
}
}
.category_list::-webkit-scrollbar {
display: none;
}
}
.nodata {
text-align: center;
padding: 40rpx 0;
margin-top: 174rpx;
}
.goods_box {
padding-bottom: 118rpx;
margin-top: 174rpx;
.pageBox {
text-align: center;
}
.goods_item {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 32rpx 88rpx 32rpx 20rpx;
background: #fff;
display: flex;
justify-content: space-between;
.cart_icon {
position: absolute;
right: 88rpx;
bottom: 32rpx;
width: 56rpx;
height: 56rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAAAAACN7WTCAAABfElEQVRIx2P4TyZgGNU4qnFUIxEafx87+eYvORqvVFRUbiTLxstTSktW/yHHj7/2FRa9ICtw/kzM2wa2/MTmzZs2gTAEbL3yi0Co7sye/A9IfcpGBVlZU/7i1/g4o/gryObzEJtgdm4uyliDX+PXgpQn2Ly0LaUNv8Z/PYl7sGlcnTiRQMpZETsXm8aJccsJaDwTXfULU9/3ouiDBDS+j4z5jKnxU3T4IwIaf+SFXMXUeCsk+jOh3NEfuBpT4+bAwl+ENK7x68bUOMOvl2B+vOmd8h1d7F+F9xKCGj/5e75DF/sc6X6MoMbfOS7oiv6/dnF5SbjomODYhV4O7HIM+ExY4z5b+1lr1gPBurVr16xZs3rVipnetpV/CWv8XmiFAbzuElPKfd4wpb8PCPr7+yeAwMRJK14Mt5L822ZQmJ6FhOOHTSDOub/EaFwVCwYfwJxFYHbcR2I03stJTk5OgqaC6xkgTjdRNv7//R0I/sEKaWTOaI08qnHoaQQAAyi97TBEkioAAAAASUVORK5CYII=) no-repeat;
background-size: 100% 100%;
}
image {
width: 240rpx;
height: 240rpx;
margin-right: 24rpx;
}
.goods_item_info {
width: 402rpx;
position: relative;
p:nth-of-type(1) {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 30rpx;
line-height: 42rpx;
margin-bottom: 10rpx;
}
p:nth-of-type(2) {
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22rpx;
color: #7C7C7C;
}
.goods_tag {
display: block;
text {
display: inline-block;
vertical-align: middle;
border: 1px solid #C7B64E;
color: #C7B64E;
height: 36rpx;
line-height: 36rpx;
padding: 0 12rpx;
border-radius: 18rpx;
font-size: 22rpx;
margin-right: 8rpx;
}
}
.price {
font-size: 40rpx;
line-height: 40rpx;
margin-top: 26rpx;
text {
font-size: 28rpx;
}
}
}
}
}
</style>
static/.DS_Store
View file @ 1bb49918
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment