ch
3 years ago
@ -0,0 +1,2 @@
|
|||||||
|
registry=https://registry.npm.taobao.org/
|
||||||
|
sass_binary_site="https://npm.taobao.org/mirrors/node-sass"
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
FROM node:12.13.1
|
||||||
|
WORKDIR /workload
|
||||||
|
|
||||||
|
COPY nuxt.config.js /workload/nuxt.config.js
|
||||||
|
COPY package.json /workload/package.json
|
||||||
|
COPY .nuxt /workload/.nuxt
|
||||||
|
|
||||||
|
RUN npm config set registry https://registry.npm.taobao.org \
|
||||||
|
&& npm install
|
||||||
|
|
||||||
|
EXPOSE 3000
|
||||||
|
CMD npm run start
|
||||||
@ -0,0 +1,54 @@
|
|||||||
|
kind: Deployment
|
||||||
|
apiVersion: apps/v1
|
||||||
|
metadata:
|
||||||
|
labels:
|
||||||
|
app: $IMAGES
|
||||||
|
name: $IMAGES
|
||||||
|
namespace: yanxuan
|
||||||
|
spec:
|
||||||
|
progressDeadlineSeconds: 600
|
||||||
|
replicas: 1
|
||||||
|
selector:
|
||||||
|
matchLabels:
|
||||||
|
app: $IMAGES
|
||||||
|
strategy:
|
||||||
|
type: RollingUpdate
|
||||||
|
rollingUpdate:
|
||||||
|
maxUnavailable: 25%
|
||||||
|
maxSurge: 25%
|
||||||
|
template:
|
||||||
|
metadata:
|
||||||
|
labels:
|
||||||
|
app: $IMAGES
|
||||||
|
spec:
|
||||||
|
imagePullSecrets:
|
||||||
|
- name: aliyun-docker-hub
|
||||||
|
containers:
|
||||||
|
- image: '$REGISTRY/$DOCKERHUB_NAMESPACE/$IMAGES:$BUILD_NUMBER'
|
||||||
|
name: app
|
||||||
|
ports:
|
||||||
|
- containerPort: $JAR_PORD
|
||||||
|
protocol: TCP
|
||||||
|
resources:
|
||||||
|
limits:
|
||||||
|
cpu: '0.5'
|
||||||
|
memory: 500Mi
|
||||||
|
terminationMessagePath: /dev/termination-log
|
||||||
|
terminationMessagePolicy: File
|
||||||
|
dnsPolicy: ClusterFirst
|
||||||
|
restartPolicy: Always
|
||||||
|
terminationGracePeriodSeconds: 30
|
||||||
|
---
|
||||||
|
kind: Service
|
||||||
|
apiVersion: v1
|
||||||
|
metadata:
|
||||||
|
name: $IMAGES
|
||||||
|
namespace: yanxuan
|
||||||
|
spec:
|
||||||
|
ports:
|
||||||
|
- port: 3000
|
||||||
|
protocol: TCP
|
||||||
|
targetPort: 3000
|
||||||
|
selector:
|
||||||
|
app: $IMAGES
|
||||||
|
type: ClusterIP
|
||||||
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<div class="goods-item" @click="onItem">
|
||||||
|
<img class="goods-item__img" :src="item.mainPicture" alt="商品图片" />
|
||||||
|
<div class="goods-item__title">
|
||||||
|
<span class="goods-item__title-label" v-if="isLabel(item.labelList)">
|
||||||
|
{{ getLabel(item.labelList) }}
|
||||||
|
</span>
|
||||||
|
{{ item.name }}
|
||||||
|
</div>
|
||||||
|
<div class="goods-item__price">
|
||||||
|
<UiMoney :money="item.startingPrice"></UiMoney>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import UiMoney from "@/components/UiMoney.vue";
|
||||||
|
export default {
|
||||||
|
name: "GoodsItem",
|
||||||
|
componetns: { UiMoney },
|
||||||
|
props: {
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
default: () => {},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
isLabel(arr) {
|
||||||
|
return arr.some((item) => item.code);
|
||||||
|
},
|
||||||
|
getLabel(arr) {
|
||||||
|
let str = "";
|
||||||
|
for (let i = 0; i < arr.length; i++) {
|
||||||
|
if (arr[i].code != "miaosha") {
|
||||||
|
str = arr[i].text;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return str;
|
||||||
|
},
|
||||||
|
onItem() {
|
||||||
|
this.$router.push({
|
||||||
|
path: "/goods/detail/" + this.item.id,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.goods-item {
|
||||||
|
width: 232px;
|
||||||
|
height: 340px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: #ffffff;
|
||||||
|
|
||||||
|
&__img {
|
||||||
|
width: 232px;
|
||||||
|
height: 232px;
|
||||||
|
}
|
||||||
|
&__title {
|
||||||
|
width: 200px;
|
||||||
|
height: 45px;
|
||||||
|
margin: 17px auto 10px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
&-label {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px 8px;
|
||||||
|
background: rgba(255, 135, 91, 0.1);
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ff875b;
|
||||||
|
text-align: center;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&__price {
|
||||||
|
width: 200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,80 @@
|
|||||||
|
<template>
|
||||||
|
<div class="sort-item" @click="onSort">
|
||||||
|
<span class="sort-item-txt">{{ sortText }}</span>
|
||||||
|
<div class="sort-img-box">
|
||||||
|
<img
|
||||||
|
v-if="sortType === 0 || sortType === 1"
|
||||||
|
src="~/static/images/goods/sort-t1.png"
|
||||||
|
alt="sort"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
v-if="sortType === 2"
|
||||||
|
src="~/static/images/goods/sort-t2.png"
|
||||||
|
alt="sort"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
v-if="sortType === 0 || sortType === 2"
|
||||||
|
src="~/static/images/goods/sort-b1.png"
|
||||||
|
alt="sort"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
v-if="sortType === 1"
|
||||||
|
src="~/static/images/goods/sort-b2.png"
|
||||||
|
alt="sort"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "SortItem",
|
||||||
|
props: {
|
||||||
|
sortText: {
|
||||||
|
type: String,
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
0:未选中
|
||||||
|
1:desc
|
||||||
|
2:asc
|
||||||
|
*/
|
||||||
|
sortType: {
|
||||||
|
type: Number,
|
||||||
|
default: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onSort() {
|
||||||
|
this.$emit("onSort");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.sort-item {
|
||||||
|
margin-right: 50px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
.sort-item-txt {
|
||||||
|
margin-right: 6px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.sort-img-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 6px;
|
||||||
|
height: 3px;
|
||||||
|
margin: 3px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import Element from 'element-ui'
|
import Element from 'element-ui'
|
||||||
import locale from 'element-ui/lib/locale/lang/en'
|
import locale from 'element-ui/lib/locale/lang/zh-CN'
|
||||||
|
|
||||||
Vue.use(Element, { locale })
|
Vue.use(Element, { locale })
|
||||||
|
|||||||
@ -0,0 +1,17 @@
|
|||||||
|
import Vue from "vue";
|
||||||
|
import { TOKEN_KEY } from "@/constants";
|
||||||
|
|
||||||
|
const injectOptions = {
|
||||||
|
// 是否需要登录拦截
|
||||||
|
$isLoginValidate() {
|
||||||
|
if (this.$cookies.get(TOKEN_KEY)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
this.$store.commit("setLoginVisible", true);
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
for (let key in injectOptions) {
|
||||||
|
Vue.prototype[key] = injectOptions[key];
|
||||||
|
}
|
||||||
|
After Width: | Height: | Size: 369 B |
|
After Width: | Height: | Size: 374 B |
|
After Width: | Height: | Size: 375 B |
|
After Width: | Height: | Size: 134 B |
|
After Width: | Height: | Size: 133 B |
|
After Width: | Height: | Size: 135 B |
|
After Width: | Height: | Size: 135 B |
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 7.7 KiB |