first commit

pull/1/head
林华焜 4 years ago
parent 00931a9418
commit eb38b5a4e4

@ -0,0 +1 @@
const url = http://47.108.153.30/detail/2

@ -0,0 +1 @@
const url = "http://47.108.153.30/detail/2

@ -0,0 +1 @@
const url = "http://47.108.153.30/detail/2?"

@ -0,0 +1 @@
const url = "http://47.108.153.30/detail/2?checkcode="

@ -0,0 +1 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"

@ -0,0 +1,2 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"

@ -0,0 +1,3 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
url.split('')

@ -0,0 +1,3 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
url.split('?')

@ -0,0 +1,3 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const a url.split('?')

@ -0,0 +1,3 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const arr=url.split('?')

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const arr=url.split('?')
console.log(arr);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const arr=url.split('=')
console.log(arr);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(arr);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);

@ -0,0 +1,4 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.s

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split

@ -0,0 +1,6 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')

@ -0,0 +1,7 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode);

@ -0,0 +1,7 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[]);

@ -0,0 +1,7 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[5]);

@ -0,0 +1,7 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);

@ -0,0 +1,7 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
idcode[4]

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
idcode[4].

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
idcode[4].s

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
idcode[4].split('')

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
idcode[4].split('?')

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
const idcode[4].split('?')

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
const iidcode idcode[4].split('?')

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
const iidcode=idcode[4].split('?')

@ -0,0 +1,9 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
const iidcode=idcode[4].split('?')
console.log(iidcode);

@ -0,0 +1,9 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
console.log(idcode[4]);
const iidcode=idcode[4].split('?')
console.log(iidcode[0]);

@ -0,0 +1,8 @@
const url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0]);

@ -0,0 +1,8 @@
var url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0]);

@ -0,0 +1,8 @@
let url = "http://47.108.153.30/detail/2?checkcode=swqxad"
const checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0]);

@ -0,0 +1,8 @@
let url = "http://47.108.153.30/detail/2?checkcode=swqxad"
let checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0]);

@ -0,0 +1,8 @@
let url = "http://47.108.153.30/detail/2?checkcode=swqxad"
let checkcode=url.split('=')
console.log(checkcode[1]);
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0],checkcode[1]);

@ -0,0 +1,5 @@
let url = "http://47.108.153.30/detail/2?checkcode=swqxad"
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[4].split('?')
console.log(iidcode[0],checkcode[1]);

@ -0,0 +1,4 @@
let url = result
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[4].split('?')

@ -0,0 +1,4 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[4].split('?')

@ -0,0 +1,4 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
// const iidcode=idcode[4].split('?')

@ -0,0 +1,5 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(url );
// const iidcode=idcode[4].split('?')

@ -0,0 +1,5 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(url);
// const iidcode=idcode[4].split('?')

@ -0,0 +1,5 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(url[1]);
// const iidcode=idcode[4].split('?')

@ -0,0 +1,5 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
// const iidcode=idcode[4].split('?')

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
console.log();
// const iidcode=idcode[4].split('?')

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
console.log(idcode);
// const iidcode=idcode[4].split('?')

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
console.log(idcode);
const iidcode=idcode[4].split('?')

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
console.log(idcode);
const iidcode=idcode[2].split('?')

@ -0,0 +1,5 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
console.log(checkcode[1]);
console.log(idcode);

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[2].split('?')
console.log(checkcode[1]);
console.log(idcode);

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[2].split('?')
console.log(checkcode[1]);
console.log(iidcode);

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[2].split('?')
console.log(checkcode[1]);
console.log(iidcode[1]);

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[2].split('?')
console.log(checkcode[1]);
console.log(iidcode[0]);

@ -0,0 +1,6 @@
let url = '47.108.153.30/detail/2?checkcode=swqxad'
let checkcode=url.split('=')
const idcode=url.split('/')
const iidcode=idcode[2].split('?')
console.log(checkcode[1]);
console.log(iidcode[0]);

@ -0,0 +1,37 @@
{
"name": "supermall1",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"@vant/touch-emulator": "^1.2.0",
"axios": "^0.18.0",
"better-scroll": "^2.0.1",
"core-js": "^3.6.5",
"element-ui": "^2.14.1",
"fastclick": "^1.0.6",
"less": "^3.12.2",
"less-loader": "^7.1.0",
"moment": "^2.29.1",
"momment": "0.0.1",
"v-distpicker": "^1.2.9",
"vant": "^2.11.3",
"vue": "^2.6.11",
"vue-awesome-mui": "^1.7.3",
"vue-lazyload": "^1.3.3",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.0.2",
"vue-video-player": "^5.0.2",
"vuex": "^3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.0",
"@vue/cli-service": "^4.5.0",
"components": "^0.1.0",
"vue-directive-image-previewer": "^2.2.2",
"vue-template-compiler": "^2.6.11"
}
}

@ -0,0 +1,42 @@
{
"name": "supermall1",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"@vant/touch-emulator": "^1.2.0",
"axios": "^0.18.0",
"better-scroll": "^2.0.1",
"core-js": "^3.6.5",
"element-ui": "^2.14.1",
"fastclick": "^1.0.6",
"less": "^3.12.2",
"less-loader": "^7.1.0",
"moment": "^2.29.1",
"momment": "0.0.1",
"v-distpicker": "^1.2.9",
"vant": "^2.11.3",
"vue": "^2.6.11",
"vue-awesome-mui": "^1.7.3",
"vue-lazyload": "^1.3.3",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.0.2",
"vue-video-player": "^5.0.2",
"vuex": "^3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.0",
"@vue/cli-service": "^4.5.0",
"components": "^0.1.0",
"vue-directive-image-previewer": "^2.2.2",
"vue-template-compiler": "^2.6.11"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}

@ -0,0 +1,37 @@
{
"name": "supermall1",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"@vant/touch-emulator": "^1.2.0",
"axios": "^0.18.0",
"better-scroll": "^2.0.1",
"core-js": "^3.6.5",
"element-ui": "^2.14.1",
"fastclick": "^1.0.6",
"less": "^3.12.2",
"less-loader": "^7.1.0",
"moment": "^2.29.1",
"momment": "0.0.1",
"v-distpicker": "^1.2.9",
"vant": "^2.11.3",
"vue": "^2.6.11",
"vue-awesome-mui": "^1.7.3",
"vue-lazyload": "^1.3.3",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.0.2",
"vue-video-player": "^5.0.2",
"vuex": "^3.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.0",
"@vue/cli-service": "^4.5.0",
"components": "^0.1.0",
"vue-directive-image-previewer": "^2.2.2",
"vue-template-compiler": "^2.6.11"
}
}

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport">
<link rel="icon" href="./logo.jpg">
<title>big bar</title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
</body>
</html>

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport">
<link rel="icon" href="./logo.jpg">
<title>交 酒</title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
</body>
</html>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,sc"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,scan"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,Detail"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,63 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,detailchat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,D"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<div id="app">
<!-- exclude不包括哪几个组件-->
<keep-alive
exclude="Detail,CreateMoment,DetailMoment,CommentList,MineOrder,Order,overOrder,sucessOrder,DetailChat"
>
<router-view />
</keep-alive>
<MainTabBar v-if="footShow" />
</div>
</template>
<script>
import MainTabBar from "components/content/mainTabbar/MainTabBar";
export default {
name: "App",
components: {
MainTabBar
},
data() {
return {
footShow: false,
};
},
watch: {
$route(to, from) {
let ThisPage = to.path;
if (
ThisPage === "/home" ||
ThisPage === "/detail" ||
ThisPage === "/profile" ||
ThisPage === "/cart" ||
ThisPage === "/category" ||
ThisPage === "/moment"
) {
this.footShow = true;
} else {
this.footShow = false;
}
}
},
mounted() {
this.$bus.$on('isShowTabbar',data=>{
this.isShowTabbar(data)
})
},
methods: {
isShowTabbar(data){
this.footShow=data;
}
},
created(){
}
};
</script>
<style>
@import "./assets/css/base.css";
@media screen and (max-width: 500px) {
.el-message {
min-width: 300px !important;
}
}
</style>

@ -0,0 +1 @@
<svg t="1619959896322" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2180" width="28" height="28"><path d="M 280.389 878.439 a 37.466 37.466 0 0 1 -19.043 -5.182 c -11.646 -6.848 -18.677 -19.445 -18.457 -32.959 l 1.245 -74.047 C 137.915 704.307 72.885 597.74 72.885 483.06 c 0 -186.09 168.229 -337.5 375.009 -337.5 c 206.763 0 375.001 151.41 375.001 337.5 s -168.238 337.5 -375.001 337.5 c -16.662 0 -33.544 -1.117 -51.306 -3.406 l -97.449 56.27 a 37.557 37.557 0 0 1 -18.75 5.015 Z M 447.894 220.56 c -165.417 0 -300.009 117.755 -300.009 262.5 c 0 93.53 57.853 180.745 150.998 227.583 a 37.492 37.492 0 0 1 20.618 34.148 l -0.513 30.561 l 51.306 -29.627 c 7.434 -4.266 16.15 -5.895 24.573 -4.559 c 18.86 2.947 36.2 4.395 53.027 4.395 c 165.418 0 300.001 -117.756 300.001 -262.5 S 613.312 220.56 447.894 220.56 Z M 815.479 878.439 a 37.443 37.443 0 0 1 -22.688 -7.635 l -77.966 -59.217 c -16.498 -12.523 -19.702 -36.053 -7.178 -52.551 c 12.524 -16.461 36.035 -19.703 52.533 -7.178 l 19.519 14.832 l 0.22 -9.375 a 37.495 37.495 0 0 1 21.405 -32.996 c 77.563 -36.859 93.823 -109.863 93.823 -164.631 c 0 -37.133 -12.506 -73.077 -36.182 -103.912 c -12.598 -16.425 -9.521 -39.972 6.921 -52.57 c 16.406 -12.634 39.954 -9.503 52.57 6.903 c 33.819 44.056 51.69 95.783 51.69 149.579 c 0 99.115 -40.888 176.789 -115.759 221.266 l -1.429 60.863 a 37.522 37.522 0 0 1 -21.204 32.904 a 37.52 37.52 0 0 1 -16.275 3.718 Z" p-id="2181" fill="#ffffff"></path><path d="M 280.389 445.56 c 20.691 0 37.5 16.791 37.5 37.5 s -16.809 37.5 -37.5 37.5 c -20.728 0 -37.5 -16.791 -37.5 -37.5 s 16.773 -37.5 37.5 -37.5 Z M 443.262 445.56 c 20.709 0 37.5 16.791 37.5 37.5 s -16.791 37.5 -37.5 37.5 s -37.5 -16.791 -37.5 -37.5 s 16.79 -37.5 37.5 -37.5 Z M 606.134 445.56 c 20.709 0 37.5 16.791 37.5 37.5 s -16.791 37.5 -37.5 37.5 s -37.5 -16.791 -37.5 -37.5 s 16.791 -37.5 37.5 -37.5 Z" p-id="2182" fill="#ffffff"></path></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1 @@
<svg t="1618661008195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2231" width="32" height="32"><path d="M708.775642 131.306558l179.428555 0 0 179.428555c0 18.584264 15.069207 33.643238 33.643238 33.643238s33.643238-15.057951 33.643238-33.643238L955.490673 131.306558c0-43.280736-24.00574-67.285452-67.285452-67.285452L708.775642 64.021106c-18.574031 0-33.643238 15.057951-33.643238 33.643238S690.202635 131.306558 708.775642 131.306558z" p-id="2232"></path><path d="M91.989087 344.378351c18.584264 0 33.643238-15.069207 33.643238-33.643238L125.632325 131.306558l187.838086 0c18.584264 0 33.643238-15.069207 33.643238-33.643238s-15.057951-33.643238-33.643238-33.643238L134.040832 64.020082c-43.280736 0-75.694983 24.00574-75.694983 67.285452l0 179.428555C58.34585 329.309144 73.4038 344.378351 91.989087 344.378351z" p-id="2233"></path><path d="M921.848459 680.80766c-18.574031 0-33.643238 15.057951-33.643238 33.643238l0 179.429579L708.775642 893.880477c-18.574031 0-33.643238 15.057951-33.643238 33.643238s15.069207 33.643238 33.643238 33.643238l179.428555 0c43.280736 0 67.285452-24.00574 67.285452-67.285452L955.48965 714.450898C955.490673 695.866634 940.421466 680.80766 921.848459 680.80766z" p-id="2234"></path><path d="M313.470411 893.879454l-187.838086 0L125.632325 714.450898c0-18.574031-15.057951-33.643238-33.643238-33.643238s-33.643238 15.069207-33.643238 33.643238l0 179.429579c0 43.280736 32.41527 67.285452 75.694983 67.285452l179.429579 0c18.584264 0 33.643238-15.069207 33.643238-33.643238S332.054675 893.879454 313.470411 893.879454z" p-id="2235"></path><path d="M955.490673 490.164692 58.34585 490.164692c-18.574031 0-33.643238 15.057951-33.643238 33.643238 0 18.584264 15.069207 33.643238 33.643238 33.643238l897.145847 0c18.574031 0 33.643238-15.057951 33.643238-33.643238C989.133911 505.222643 974.064704 490.164692 955.490673 490.164692z" p-id="2236"></path></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

@ -0,0 +1 @@
<svg t="1618661350072" class="icon" viewBox="0 0 1110 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2538" width="28" height="28"><path d="M42.666667 532.672l0-42.666667 1024 0 0 42.666667L42.666667 532.672zM1002.666667 106.005333c0-23.552-19.093333-42.666667-42.666667-42.666667L725.333333 63.338667 725.333333 20.672l234.666667 0c47.125333 0 85.333333 38.208 85.333333 85.333333l0 256-42.666667 0L1002.666667 106.005333zM106.666667 106.005333l0 256L64 362.005333 64 106.005333c0-47.125333 38.208-85.333333 85.333333-85.333333l234.666667 0 0 42.666667L149.333333 63.338667C125.76 63.338667 106.666667 82.432 106.666667 106.005333zM106.666667 916.672c0 23.573333 19.093333 42.666667 42.666667 42.666667l234.666667 0 0 43.136L149.333333 1002.005333c-47.125333 0-85.333333-38.208-85.333333-85.333333L64 660.672l42.666667 0L106.666667 916.672zM1002.666667 916.672 1002.666667 660.672l42.666667 0 0 256c0 47.125333-35.797333 86.933333-82.922667 86.933333L725.333333 1003.136 725.333333 959.338667l234.666667 0C983.573333 959.338667 1002.666667 940.245333 1002.666667 916.672z" p-id="2539" fill="#ffffff"></path></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"http://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"http://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"http://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"http://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"http://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"http://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"http://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"http://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"http://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"http://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"http://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"http://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"http://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"http://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"http://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"http://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"https://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"https://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"http://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"http://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"http://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"http://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"http://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"http://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"https://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"https://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"https://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"https://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"https://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"https://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"http://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"http://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"https://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"https://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"https://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"https://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"https://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"https://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"https://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"https://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,12 @@
export const Bannersdata={
"list":[
{"id":1,"image":"http://47.108.153.30:7878/images/bannerOne.jpg","width": 750,"link":"/home"},
{"id":2,"image":"http://47.108.153.30:7878/images/bannerTwo.jpeg","width": 750,"link":"/home"},
{"id":3,"image":"http://47.108.153.30:7878/images/bannerThree.jpeg","width": 750,"link":"/home"},
{"id":4,"image":"http://47.108.153.30:7878/images/bannerFour.jpeg","width": 750,"link":"/home"},
{"id":5,"image":"http://47.108.153.30:7878/images/bannerFive.jpeg","width": 750,"link":"/home"},
{"id":6,"image":"http://47.108.153.30:7878/images/bannerSix.jpeg","width": 750,"link":"/home"},
{"id":7,"image":"http://47.108.153.30:7878/images/bannerSeven.jpeg","width": 750,"link":"/home"},
{"id":8,"image":"http://47.108.153.30:7878/images/bannerEight.jpeg","width": 750,"link":"/home"}
]
}

@ -0,0 +1,252 @@
<template>
<div class="moment-items" v-if="isExist">
<div>
<img class="avatar" @load="uploadavatar" v-lazy="showImage" />
</div>
<div class="name">{{ moments.author.name }}</div>
<i
@click="remove"
id="delete"
class="el-icon-delete"
style="font-size: 20px"
></i>
<div class="time">
{{ this.$moment(moments.createAT).fromNow() }}
</div>
<div class="content">{{ moments.content }}</div>
<div class="image">
<li v-for="(item, index) in moments.images" :key="index">
<img
@load="uploadavatar"
width="100px"
height="100px"
:preview="index"
:src="item + '?type=small'"
/>
<!-- v-lazy="item+'?type=small'" -->
</li>
</div>
<div class="icon" v-if="this.isdisplay">
<div>
<i @click="clickpraise"> <img src="@/assets/img/moment/praise.svg"/></i
><span class="icon1">{{promiseCount()}}</span>
</div>
<div>
<i
class="el-icon-chat-dot-square"
style="font-size: 20px"
@click="comment"
></i>
<span>{{moments.commentCount}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: "MomentListItem",
props: {
moments: {
type: Object,
default() {
return {};
}
}
},
data() {
return {
id: this.moments.id,
isExist: true,
images: [],
praise: {},
isdisplay: true,
number: "",
isfrist: true,
token: ""
};
},
created() {
this.getAllPraise();
window.localStorage.setItem("number", "0");
this.token = window.localStorage.getItem("token");
},
computed: {
showImage() {
return this.moments.author.avatarUrl;
}
},
methods: {
promiseCount(){
return this.praise.promiseCount||0;
},
uploadavatar() {
this.$bus.$emit("upload");
},
async remove() {
if (!this.token) {
this.$router.push("/login");
} else {
try {
await this.$http.delete("/moment/" + this.id);
this.isExist = !this.isExist;
this.$message.success("删除成功");
this.$bus.$emit("upload");
} catch {
this.$message.error("你不具备删除该动态权限");
}
}
},
comment() {
this.$router.push("detailcomment/" + this.moments.id);
},
async getAllPraise() {
const { data: res } = await this.$http.get("/praise/" + this.moments.id);
this.praise = res;
},
refresh() {
this.isdisplay = false;
this.$nextTick(() => {
this.isdisplay = true;
}, 100);
this.getAllPraise();
},
//
async clickpraise() {
if (!this.token) {
this.$router.push("/login");
} else {
const { data: res } = await this.$http.post(
"/praise/ispraise/" + this.moments.id
);
if (res.status != "200") {
this.number = window.localStorage.getItem("number");
if (this.number === "1") window.localStorage.setItem("number", "0");
else {
window.localStorage.setItem("number", "1");
}
}
if (res.status == "200") {
await this.$http.post("/praise/" + this.moments.id);
this.$nextTick(() => {
this.refresh();
}, 100);
} else {
this.number = window.localStorage.getItem("number");
const content = {
ispraise: ""
};
content.ispraise = this.number;
await this.$http.post("/praise/update/" + this.moments.id, content);
this.$nextTick(() => {
this.refresh();
}, 100);
}
}
},
isclickpraise() {}
},
mounted() {
this.$bus.$on("aaispraise", this.isclickpraise);
}
};
</script>
<style scoped>
li {
list-style: none;
}
.moment-items {
position: relative;
background-color: rgb(255, 255, 255);
width: 100%;
font-size: 12px;
}
.avatar {
float: left;
margin-left: 10px;
width: 50px;
height: 50px;
border-radius: 25px;
}
.name {
float: left;
font-weight: 600;
margin-top: 5px;
margin-left: 10px;
font-size: 15px;
}
.time {
margin-left: 70px;
margin-top: 30px;
font-size: 10px;
}
.sign {
margin-left: 70px;
margin-top: 30px;
font-size: 10px;
}
.content {
margin-top: 15px;
margin-left: 5px;
font-size: 13px;
margin-bottom: 15px;
}
.icon {
margin-top: 15px;
justify-content: space-evenly;
display: flex;
border-top-style: solid;
border-width: 0.1px;
border-color: rgb(230, 220, 220);
}
.icon1{
position: relative;
top:-11px !important;
vertical-align: middle;
}
.icon div{
height: 23px;
width: 30px;
}
.icon img{
width: 20px;
height: 21px;
}
.icon span{
position: relative;
top:-8px;
font-size: 8px !important;
vertical-align: middle;
}
#delete {
float: right;
margin-top:5px;
margin-right:5px;
}
.el-icon-delete {
margin-left: 20px;
}
.remove {
margin-left: 20px;
}
.text {
margin: 20px 5px;
}
.image {
margin-top: 15px;
display: flex;
justify-content: space-evenly;
}
</style>

@ -0,0 +1,252 @@
<template>
<div class="moment-items" v-if="isExist">
<div>
<img class="avatar" @load="uploadavatar" v-lazy="showImage" />
</div>
<div class="name">{{ moments.author.name }}</div>
<!-- <i
@click="remove"
id="delete"
class="el-icon-delete"
style="font-size: 20px"
></i> -->
<div class="time">
{{ this.$moment(moments.createAT).fromNow() }}
</div>
<div class="content">{{ moments.content }}</div>
<div class="image">
<li v-for="(item, index) in moments.images" :key="index">
<img
@load="uploadavatar"
width="100px"
height="100px"
:preview="index"
:src="item + '?type=small'"
/>
<!-- v-lazy="item+'?type=small'" -->
</li>
</div>
<div class="icon" v-if="this.isdisplay">
<div>
<i @click="clickpraise"> <img src="@/assets/img/moment/praise.svg"/></i
><span class="icon1">{{promiseCount()}}</span>
</div>
<div>
<i
class="el-icon-chat-dot-square"
style="font-size: 20px"
@click="comment"
></i>
<span>{{moments.commentCount}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: "MomentListItem",
props: {
moments: {
type: Object,
default() {
return {};
}
}
},
data() {
return {
id: this.moments.id,
isExist: true,
images: [],
praise: {},
isdisplay: true,
number: "",
isfrist: true,
token: ""
};
},
created() {
this.getAllPraise();
window.localStorage.setItem("number", "0");
this.token = window.localStorage.getItem("token");
},
computed: {
showImage() {
return this.moments.author.avatarUrl;
}
},
methods: {
promiseCount(){
return this.praise.promiseCount||0;
},
uploadavatar() {
this.$bus.$emit("upload");
},
async remove() {
if (!this.token) {
this.$router.push("/login");
} else {
try {
await this.$http.delete("/moment/" + this.id);
this.isExist = !this.isExist;
this.$message.success("删除成功");
this.$bus.$emit("upload");
} catch {
this.$message.error("你不具备删除该动态权限");
}
}
},
comment() {
this.$router.push("detailcomment/" + this.moments.id);
},
async getAllPraise() {
const { data: res } = await this.$http.get("/praise/" + this.moments.id);
this.praise = res;
},
refresh() {
this.isdisplay = false;
this.$nextTick(() => {
this.isdisplay = true;
}, 100);
this.getAllPraise();
},
//
async clickpraise() {
if (!this.token) {
this.$router.push("/login");
} else {
const { data: res } = await this.$http.post(
"/praise/ispraise/" + this.moments.id
);
if (res.status != "200") {
this.number = window.localStorage.getItem("number");
if (this.number === "1") window.localStorage.setItem("number", "0");
else {
window.localStorage.setItem("number", "1");
}
}
if (res.status == "200") {
await this.$http.post("/praise/" + this.moments.id);
this.$nextTick(() => {
this.refresh();
}, 100);
} else {
this.number = window.localStorage.getItem("number");
const content = {
ispraise: ""
};
content.ispraise = this.number;
await this.$http.post("/praise/update/" + this.moments.id, content);
this.$nextTick(() => {
this.refresh();
}, 100);
}
}
},
isclickpraise() {}
},
mounted() {
this.$bus.$on("aaispraise", this.isclickpraise);
}
};
</script>
<style scoped>
li {
list-style: none;
}
.moment-items {
position: relative;
background-color: rgb(255, 255, 255);
width: 100%;
font-size: 12px;
}
.avatar {
float: left;
margin-left: 10px;
width: 50px;
height: 50px;
border-radius: 25px;
}
.name {
float: left;
font-weight: 600;
margin-top: 5px;
margin-left: 10px;
font-size: 15px;
}
.time {
margin-left: 70px;
margin-top: 30px;
font-size: 10px;
}
.sign {
margin-left: 70px;
margin-top: 30px;
font-size: 10px;
}
.content {
margin-top: 15px;
margin-left: 5px;
font-size: 13px;
margin-bottom: 15px;
}
.icon {
margin-top: 15px;
justify-content: space-evenly;
display: flex;
border-top-style: solid;
border-width: 0.1px;
border-color: rgb(230, 220, 220);
}
.icon1{
position: relative;
top:-11px !important;
vertical-align: middle;
}
.icon div{
height: 23px;
width: 30px;
}
.icon img{
width: 20px;
height: 21px;
}
.icon span{
position: relative;
top:-8px;
font-size: 8px !important;
vertical-align: middle;
}
#delete {
float: right;
margin-top:5px;
margin-right:5px;
}
.el-icon-delete {
margin-left: 20px;
}
.remove {
margin-left: 20px;
}
.text {
margin: 20px 5px;
}
.image {
margin-top: 15px;
display: flex;
justify-content: space-evenly;
}
</style>

@ -0,0 +1,86 @@
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from "@/store";
import FastClick from 'fastclick'
import VueLazyload from "vue-lazyload";
import request from '@/network/request';
import moment from 'moment'
moment.locale('zh-cn');
// import VDistpicker from 'v-distpicker'
// Vue.component('v-distpicker',VDistpicker)
// //放大图片
// import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
// import 'vue-directive-image-previewer/dist/assets/style.css'
// Vue.use(VueDirectiveImagePreviewer,{
// zIndex: 9999, //层级显示
// innerWidth:'200px'
// })
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)
require('./plugins/element')
require('./plugins/mint')
//全局变量
import toast from'@/components/common/toast'
Vue.use(toast)
//公共请求头
Vue.prototype.$http=request;
Vue.config.productionTip = false
//挂载全局变量
Vue.prototype.$bus = new Vue()
Vue.prototype.$moment = moment;
//zidon
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
Vue.use(VueLazyload,{
loading:require('./assets/img/common/placeholder.svg')
})
// 移动切换0.3秒延迟
FastClick.attach(document.body)
new Vue({
render: h => h(App),
router,
store,
}).$mount('#app')
// 用于解决input输入框需要点击多次的问题只发生在苹果手机
FastClick.prototype.focus = function (targetElement) {
let length;
if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
length = targetElement.value.length;
targetElement.focus();
targetElement.setSelectionRange(length, length);
} else {
targetElement.focus();
}
};

@ -0,0 +1,87 @@
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from "@/store";
import FastClick from 'fastclick'
import VueLazyload from "vue-lazyload";
import request from '@/network/request';
import moment from 'moment'
moment.locale('zh-cn');
// import VDistpicker from 'v-distpicker'
// Vue.component('v-distpicker',VDistpicker)
// //放大图片
// import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
// import 'vue-directive-image-previewer/dist/assets/style.css'
// Vue.use(VueDirectiveImagePreviewer,{
// zIndex: 9999, //层级显示
// innerWidth:'200px'
// })
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)
require('./plugins/element')
require('./plugins/mint')
//全局变量
import toast from'@/components/common/toast'
Vue.use(toast)
//公共请求头
Vue.prototype.$http=request;
Vue.config.productionTip = false
//挂载全局变量
Vue.prototype.$bus = new Vue()
Vue.prototype.$moment = moment;
//zidon
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
Vue.use(VueLazyload,{
loading:require('./assets/img/common/placeholder.svg')
})
// 移动切换0.3秒延迟
FastClick.attach(document.body)
new Vue({
render: h => h(App),
router,
store,
}).$mount('#app')
// 用于解决input输入框需要点击多次的问题只发生在苹果手机
FastClick.prototype.focus = function (targetElement) {
let length;
if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
length = targetElement.value.length;
targetElement.focus();
targetElement.setSelectionRange(length, length);
} else {
targetElement.focus();
}
};

@ -0,0 +1,89 @@
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from "@/store";
import FastClick from 'fastclick'
import VueLazyload from "vue-lazyload";
import request from '@/network/request';
import moment from 'moment'
moment.locale('zh-cn');
import Mui from 'vue-awesome-mui'
Vue.use(Mui)
// import VDistpicker from 'v-distpicker'
// Vue.component('v-distpicker',VDistpicker)
// //放大图片
// import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'
// import 'vue-directive-image-previewer/dist/assets/style.css'
// Vue.use(VueDirectiveImagePreviewer,{
// zIndex: 9999, //层级显示
// innerWidth:'200px'
// })
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)
require('./plugins/element')
require('./plugins/mint')
//全局变量
import toast from'@/components/common/toast'
Vue.use(toast)
//公共请求头
Vue.prototype.$http=request;
Vue.config.productionTip = false
//挂载全局变量
Vue.prototype.$bus = new Vue()
Vue.prototype.$moment = moment;
//zidon
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
Vue.use(VueLazyload,{
loading:require('./assets/img/common/placeholder.svg')
})
// 移动切换0.3秒延迟
FastClick.attach(document.body)
new Vue({
render: h => h(App),
router,
store,
}).$mount('#app')
// 用于解决input输入框需要点击多次的问题只发生在苹果手机
FastClick.prototype.focus = function (targetElement) {
let length;
if (targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month') {
length = targetElement.value.length;
targetElement.focus();
targetElement.setSelectionRange(length, length);
} else {
targetElement.focus();
}
};

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save