├── .browserslistrc ├── babel.config.js ├── postcss.config.js ├── public ├── favicon.ico └── index.html ├── src ├── assets │ ├── images │ │ ├── 1.jpg │ │ ├── 11.jpg │ │ ├── 12.jpg │ │ ├── 13.jpg │ │ ├── 14.jpg │ │ ├── 15.jpg │ │ ├── 16.jpg │ │ ├── 17.jpg │ │ ├── 18.jpg │ │ ├── 19.jpg │ │ ├── 2.jpg │ │ ├── 20.jpg │ │ ├── 21.jpg │ │ ├── 22.jpg │ │ ├── 23.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── ycn.jpg │ │ ├── about.png │ │ ├── live.png │ │ ├── logo.png │ │ ├── erweima.jpg │ │ ├── kefuimg.png │ │ ├── logotext.png │ │ ├── onabout.png │ │ ├── onlive.png │ │ ├── phone1.png │ │ ├── phone2.png │ │ ├── phone3.png │ │ ├── phone4.png │ │ ├── fuliaologo.png │ │ ├── smallvideo.png │ │ ├── videochat.png │ │ ├── aboutbottom.png │ │ ├── onsmallvideo.png │ │ ├── onvideochat.png │ │ └── videochatheader.jpg │ └── styles │ │ ├── iconfont.eot │ │ ├── iconfont.ttf │ │ ├── iconfont.woff │ │ ├── iconfont.woff2 │ │ ├── reset.css │ │ ├── maxin.less │ │ ├── iconfont.css │ │ └── iconfont.svg ├── components │ ├── Public │ │ ├── IconFont │ │ │ ├── Gift.vue │ │ │ ├── Leter.vue │ │ │ ├── Liked.vue │ │ │ ├── Mail.vue │ │ │ ├── Comments.vue │ │ │ ├── Femail.vue │ │ │ ├── Fowared.vue │ │ │ ├── GiftColor.vue │ │ │ ├── Back.vue │ │ │ ├── Close.vue │ │ │ ├── Play.vue │ │ │ └── ToTop.vue │ │ ├── TextLoading.vue │ │ ├── WatchMore.vue │ │ ├── LiveEnded.vue │ │ ├── VideoChatButton.vue │ │ ├── OpenInApp.vue │ │ ├── SwiperNav.vue │ │ ├── LifeIsPullAndPush.vue │ │ ├── HorseMove.vue │ │ ├── UserItem.vue │ │ ├── Header.vue │ │ └── RoomInfo.vue │ ├── Live │ │ ├── LiveBurrage.vue │ │ ├── LiveUserInfo.vue │ │ ├── LiveChat.vue │ │ ├── LiveListSwiper.vue │ │ ├── LiveList.vue │ │ ├── LiveRecommendSwiper.vue │ │ ├── LiveSwiperContent.vue │ │ └── LiveWatcherInfoAlert.vue │ ├── SmallVideo │ │ ├── VideoHeader.vue │ │ ├── SmallVideoSwiper.vue │ │ ├── SmallVideoList.vue │ │ ├── SmallVideoListContent.vue │ │ ├── VideoHeaderSwiper.vue │ │ ├── VideoRecommendSwiper.vue │ │ ├── SmallVideoListItem.vue │ │ └── VideoHeadCover.vue │ ├── UserIndex │ │ ├── UserIndexContent.vue │ │ ├── NameSexLevel.vue │ │ ├── HeadPicSwiper.vue │ │ ├── UserinfoSwiper.vue │ │ └── VideoIntroduction.vue │ ├── Videochat │ │ ├── VideoChatListItem.vue │ │ └── VideoChatList.vue │ └── About │ │ └── About.vue ├── views │ ├── Error.vue │ ├── AppIndex.vue │ ├── UserIndex.vue │ ├── VideoChatLive.vue │ ├── LiveThr.vue │ ├── LiveTwo.vue │ ├── LiveOne.vue │ ├── VideoThr.vue │ ├── VideoTwo.vue │ └── VideoOne.vue ├── main.js ├── App.vue ├── router.js └── store.js ├── .editorconfig ├── .gitignore ├── .eslintrc.js ├── README.md ├── vue.config.js └── package.json /.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not ie <= 8 4 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {} 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /src/assets/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/1.jpg -------------------------------------------------------------------------------- /src/assets/images/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/11.jpg -------------------------------------------------------------------------------- /src/assets/images/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/12.jpg -------------------------------------------------------------------------------- /src/assets/images/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/13.jpg -------------------------------------------------------------------------------- /src/assets/images/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/14.jpg -------------------------------------------------------------------------------- /src/assets/images/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/15.jpg -------------------------------------------------------------------------------- /src/assets/images/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/16.jpg -------------------------------------------------------------------------------- /src/assets/images/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/17.jpg -------------------------------------------------------------------------------- /src/assets/images/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/18.jpg -------------------------------------------------------------------------------- /src/assets/images/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/19.jpg -------------------------------------------------------------------------------- /src/assets/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/2.jpg -------------------------------------------------------------------------------- /src/assets/images/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/20.jpg -------------------------------------------------------------------------------- /src/assets/images/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/21.jpg -------------------------------------------------------------------------------- /src/assets/images/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/22.jpg -------------------------------------------------------------------------------- /src/assets/images/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/23.jpg -------------------------------------------------------------------------------- /src/assets/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/3.jpg -------------------------------------------------------------------------------- /src/assets/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/4.jpg -------------------------------------------------------------------------------- /src/assets/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/5.jpg -------------------------------------------------------------------------------- /src/assets/images/ycn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/ycn.jpg -------------------------------------------------------------------------------- /src/assets/images/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/about.png -------------------------------------------------------------------------------- /src/assets/images/live.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/live.png -------------------------------------------------------------------------------- /src/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/logo.png -------------------------------------------------------------------------------- /src/assets/images/erweima.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/erweima.jpg -------------------------------------------------------------------------------- /src/assets/images/kefuimg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/kefuimg.png -------------------------------------------------------------------------------- /src/assets/images/logotext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/logotext.png -------------------------------------------------------------------------------- /src/assets/images/onabout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/onabout.png -------------------------------------------------------------------------------- /src/assets/images/onlive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/onlive.png -------------------------------------------------------------------------------- /src/assets/images/phone1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/phone1.png -------------------------------------------------------------------------------- /src/assets/images/phone2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/phone2.png -------------------------------------------------------------------------------- /src/assets/images/phone3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/phone3.png -------------------------------------------------------------------------------- /src/assets/images/phone4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/phone4.png -------------------------------------------------------------------------------- /src/assets/styles/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/styles/iconfont.eot -------------------------------------------------------------------------------- /src/assets/styles/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/styles/iconfont.ttf -------------------------------------------------------------------------------- /src/assets/images/fuliaologo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/fuliaologo.png -------------------------------------------------------------------------------- /src/assets/images/smallvideo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/smallvideo.png -------------------------------------------------------------------------------- /src/assets/images/videochat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/videochat.png -------------------------------------------------------------------------------- /src/assets/styles/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/styles/iconfont.woff -------------------------------------------------------------------------------- /src/assets/styles/iconfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/styles/iconfont.woff2 -------------------------------------------------------------------------------- /src/assets/images/aboutbottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/aboutbottom.png -------------------------------------------------------------------------------- /src/assets/images/onsmallvideo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/onsmallvideo.png -------------------------------------------------------------------------------- /src/assets/images/onvideochat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/onvideochat.png -------------------------------------------------------------------------------- /src/assets/images/videochatheader.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yinchengnuo/fuliaoWebappVue/HEAD/src/assets/images/videochatheader.jpg -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | trim_trailing_whitespace = true 5 | insert_final_newline = true 6 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Gift.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Leter.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Liked.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Mail.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Comments.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Femail.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Fowared.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/GiftColor.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 10 | 11 | 13 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Back.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 18 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Close.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 18 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/Play.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 18 | -------------------------------------------------------------------------------- /src/components/Public/IconFont/ToTop.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 15 | 16 | 18 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential', 8 | '@vue/standard' 9 | ], 10 | rules: { 11 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 12 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off' 13 | }, 14 | parserOptions: { 15 | parser: 'babel-eslint' 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # fuliao-webapp 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Run your tests 19 | ``` 20 | npm run test 21 | ``` 22 | 23 | ### Lints and fixes files 24 | ``` 25 | npm run lint 26 | ``` 27 | 28 | ### Customize configuration 29 | See [Configuration Reference](https://cli.vuejs.org/config/). 30 | -------------------------------------------------------------------------------- /src/views/Error.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 22 | -------------------------------------------------------------------------------- /src/components/Public/TextLoading.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 20 | 21 | 29 | -------------------------------------------------------------------------------- /src/components/Public/WatchMore.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 20 | 21 | 29 | -------------------------------------------------------------------------------- /src/components/Public/LiveEnded.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 16 | 17 | 28 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path') 2 | 3 | module.exports = { 4 | chainWebpack: config => { 5 | const types = ['vue-modules', 'vue', 'normal-modules', 'normal'] 6 | types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type))) 7 | }, 8 | productionSourceMap: false, 9 | publicPath: process.env.NODE_ENV === 'production' 10 | ? '/fuliao-webapp-vue/' 11 | : '/' 12 | } 13 | 14 | function addStyleResource (rule) { 15 | rule.use('style-resource') 16 | .loader('style-resources-loader') 17 | .options({ 18 | patterns: [ 19 | path.resolve(__dirname, './src/assets/styles/maxin.less'), 20 | ], 21 | }) 22 | } -------------------------------------------------------------------------------- /src/components/Public/VideoChatButton.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 17 | 18 | 31 | -------------------------------------------------------------------------------- /src/components/Public/OpenInApp.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 19 | 20 | 32 | -------------------------------------------------------------------------------- /src/components/Public/SwiperNav.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 25 | 26 | 35 | -------------------------------------------------------------------------------- /src/components/Public/LifeIsPullAndPush.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | 14 | 25 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Axios from 'axios' 3 | import store from './store' 4 | import VueMeta from 'vue-meta' 5 | import router from './router' 6 | import FastClick from 'fastclick' 7 | import VueAwesomeSwiper from 'vue-awesome-swiper' 8 | 9 | import 'swiper/dist/css/swiper.css' 10 | import './assets/styles/reset.css' 11 | import './assets/styles/iconfont.css' 12 | 13 | import App from './App.vue' 14 | import Error from './views/Error.vue' 15 | 16 | Vue.use(VueMeta, { 17 | keyName: 'meta' 18 | }) 19 | Vue.prototype.$http = Axios 20 | Vue.use(VueAwesomeSwiper) 21 | FastClick.attach(document.body) 22 | 23 | Vue.config.productionTip = false 24 | if (document.body.offsetWidth > 768) { 25 | new Vue({ 26 | render: h => h(Error) 27 | }).$mount('#app') 28 | } else { 29 | new Vue({ 30 | router, 31 | store, 32 | render: h => h(App) 33 | }).$mount('#app') 34 | } 35 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fuliao-webapp", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "axios": "^0.18.0", 12 | "countup.js": "^2.0.4", 13 | "fastclick": "^1.0.6", 14 | "vue": "^2.6.6", 15 | "vue-awesome-swiper": "^3.1.3", 16 | "vue-countup-v2": "^3.0.1", 17 | "vue-meta": "^1.5.8", 18 | "vue-router": "^3.0.1", 19 | "vuex": "^3.0.1" 20 | }, 21 | "devDependencies": { 22 | "@vue/cli-plugin-babel": "^3.5.0", 23 | "@vue/cli-plugin-eslint": "^3.5.0", 24 | "@vue/cli-service": "^3.5.0", 25 | "@vue/eslint-config-standard": "^4.0.0", 26 | "babel-eslint": "^10.0.1", 27 | "eslint": "^5.8.0", 28 | "eslint-plugin-vue": "^5.0.0", 29 | "less": "^3.0.4", 30 | "less-loader": "^4.1.0", 31 | "style-resources-loader": "^1.2.1", 32 | "vue-template-compiler": "^2.5.21" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/components/Public/HorseMove.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 14 | 15 | 36 | -------------------------------------------------------------------------------- /src/components/Live/LiveBurrage.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 31 | 32 | 46 | -------------------------------------------------------------------------------- /src/components/SmallVideo/VideoHeader.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 36 | 37 | 54 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 富聊-聊天创造财富! 22 | 23 | 24 |
25 | 26 | 27 | -------------------------------------------------------------------------------- /src/components/Live/LiveUserInfo.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 19 | 20 | 54 | -------------------------------------------------------------------------------- /src/components/Live/LiveChat.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 32 | 33 | 59 | -------------------------------------------------------------------------------- /src/components/UserIndex/UserIndexContent.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 39 | 40 | 59 | -------------------------------------------------------------------------------- /src/components/SmallVideo/SmallVideoSwiper.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 46 | 47 | 61 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 41 | 42 | 56 | -------------------------------------------------------------------------------- /src/components/Live/LiveListSwiper.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 44 | 45 | 63 | -------------------------------------------------------------------------------- /src/assets/styles/reset.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8";html{background-color:#fff;color:#000;font-size:12px;-webkit-overflow-scrolling: touch;} 2 | body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0;} 3 | body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif} 4 | h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%} 5 | h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif} 6 | h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal} 7 | address,cite,dfn,em,i,optgroup,var{font-style:normal} 8 | table{border-collapse:collapse;border-spacing:0;text-align:left} 9 | caption,th{text-align:inherit} 10 | ul,ol,menu{list-style:none} 11 | fieldset,img{border:0} 12 | img,object,input,textarea,button,select{vertical-align:middle} 13 | article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block} 14 | audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} 15 | blockquote:before,blockquote:after,q:before,q:after{content:"\0020"} 16 | textarea{overflow:auto;resize:vertical} 17 | input,textarea,button,select,a{outline:0 none;border: none;} 18 | button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} 19 | mark{background-color:transparent} 20 | a,ins,s,u,del{text-decoration:none} 21 | sup,sub{vertical-align:baseline} 22 | html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;} 23 | body {font-family: "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } 24 | hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;} 25 | a {color: #25a4bb;text-decoration: none;} 26 | ::-webkit-scrollbar{width:0px} -------------------------------------------------------------------------------- /src/components/Videochat/VideoChatListItem.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 29 | 30 | 66 | -------------------------------------------------------------------------------- /src/components/Public/UserItem.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 36 | 37 | 64 | -------------------------------------------------------------------------------- /src/views/AppIndex.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 33 | 34 | 57 | -------------------------------------------------------------------------------- /src/components/SmallVideo/SmallVideoList.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 70 | 71 | 76 | -------------------------------------------------------------------------------- /src/components/Public/Header.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 36 | 37 | 84 | -------------------------------------------------------------------------------- /src/components/UserIndex/NameSexLevel.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 28 | 29 | 70 | -------------------------------------------------------------------------------- /src/components/SmallVideo/SmallVideoListContent.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 68 | 69 | 78 | -------------------------------------------------------------------------------- /src/components/SmallVideo/VideoHeaderSwiper.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 60 | 61 | 85 | -------------------------------------------------------------------------------- /src/components/UserIndex/HeadPicSwiper.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 61 | 62 | 82 | -------------------------------------------------------------------------------- /src/components/Live/LiveList.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 67 | 68 | 86 | -------------------------------------------------------------------------------- /src/components/Live/LiveRecommendSwiper.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 56 | 57 | 83 | -------------------------------------------------------------------------------- /src/assets/styles/maxin.less: -------------------------------------------------------------------------------- 1 | @index-nav-bgcolor: orange; 2 | @index-nav-bg-top: 20%; 3 | @index-nav-bg-size: .56rem; 4 | @index-nav-text-top: .7rem; 5 | @index-nav-text-size: .2rem; 6 | @header-height: .6rem; 7 | @video-height: 56vw; 8 | @small-video-height: calc(100% - @header-height); 9 | @channels-nav-list-width: 18vw; 10 | @imgages: '~@/assets/images'; 11 | .wrapper(@position: absolute; 12 | @width: 100%; 13 | @height: 100%; 14 | @left: 0; 15 | @top: 0; 16 | @right: auto; 17 | @bottom: auto; 18 | @overflow: hidden; 19 | 20 | ) { 21 | position: @position; 22 | left: @left; 23 | top: @top; 24 | right: @right; 25 | bottom: @bottom; 26 | width: @width; 27 | height: @height; 28 | overflow: @overflow; 29 | } 30 | 31 | .index-nav-item(@urlone; 32 | @urltwo; 33 | @size: @index-nav-bg-size; 34 | @color: @index-nav-bgcolor; 35 | 36 | ) { 37 | background: url("@{imgages}/@{urlone}") no-repeat 50% @index-nav-bg-top; 38 | background-size: @size; 39 | box-sizing: border-box; 40 | padding-top: @index-nav-text-top; 41 | font-size: @index-nav-text-size; 42 | 43 | &.router-link-active { 44 | background: url("@{imgages}/@{urltwo}") no-repeat 50% @index-nav-bg-top; 45 | background-size: @index-nav-bg-size; 46 | color: orange; 47 | } 48 | } 49 | 50 | .line-height-height(@height) { 51 | line-height: @height; 52 | height: @height; 53 | } 54 | 55 | .title () { 56 | font-size: .35rem; 57 | font-weight: bold; 58 | } 59 | 60 | .li { 61 | display: inline-block; 62 | width: @channels-nav-list-width; 63 | vertical-align: text-top; 64 | font-family: "微软雅黑"; 65 | vertical-align: top; 66 | line-height: @header-height; 67 | text-align: center; 68 | &.act { 69 | font-size: .3rem; 70 | font-weight: bold; 71 | } 72 | } 73 | .iconfont-to-top(@size: 10vw) { 74 | .wrapper(@position: fixed; @width: @size; @height: @size; @left: 80vw; @top:auto; @bottom: @size;); 75 | z-index: 2; 76 | color: #fff; 77 | background-color: rgba(0, 0, 0, .8); 78 | border-radius: 8px; 79 | font-size: @size; 80 | } 81 | .iconfont-play(@size: 20vw) { 82 | .wrapper(@left: 50%; @top: 50%; @height: @size; @width: @size;); 83 | margin-left: calc(-@size / 2); 84 | margin-top: calc(-@size / 2); 85 | line-height: @size; 86 | font-size: @size; 87 | color: #fff; 88 | text-align: center; 89 | } 90 | .iconfont(@size: 10vw) { 91 | width: @size; 92 | height: @size; 93 | line-height: @size; 94 | font-size: @size; 95 | text-align: center; 96 | } -------------------------------------------------------------------------------- /src/components/SmallVideo/VideoRecommendSwiper.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 56 | 57 | 83 | -------------------------------------------------------------------------------- /src/components/SmallVideo/SmallVideoListItem.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 44 | 45 | 87 | -------------------------------------------------------------------------------- /src/components/SmallVideo/VideoHeadCover.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 74 | 75 | 104 | -------------------------------------------------------------------------------- /src/router.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import AppIndex from './views/AppIndex.vue' 4 | import LiveList from './components/Live/LiveList.vue' 5 | 6 | Vue.use(Router) 7 | 8 | export default new Router({ 9 | routes: [ 10 | { 11 | path: '/', 12 | name: 'AppIndex', 13 | component: AppIndex, 14 | meta: { 15 | index: 0, 16 | keepAlive: true 17 | }, 18 | children: [ 19 | { 20 | path: 'livelist', 21 | name: 'LiveList', 22 | component: LiveList, 23 | meta: { 24 | index: 0.1 25 | } 26 | }, 27 | { 28 | path: 'smallvideolist', 29 | name: 'SmallVideoList', 30 | component: () => import('./components/SmallVideo/SmallVideoList.vue'), 31 | meta: { 32 | index: 0.2 33 | } 34 | }, 35 | { 36 | path: 'videochat', 37 | name: 'VideoChat', 38 | component: () => import('./components/Videochat/VideoChatList.vue'), 39 | meta: { 40 | index: 0.3 41 | } 42 | }, 43 | { 44 | path: 'about', 45 | name: 'About', 46 | component: () => import('./components/About/About.vue'), 47 | meta: { 48 | index: 99 49 | } 50 | } 51 | ], 52 | redirect: 'LiveList' 53 | }, 54 | { 55 | path: '/liveone', 56 | name: 'LiveOne', 57 | component: () => import('./views/LiveOne.vue'), 58 | meta: { 59 | index: 1.1 60 | } 61 | }, 62 | { 63 | path: '/livetwo', 64 | name: 'LiveTwo', 65 | component: () => import('./views/LiveTwo.vue'), 66 | meta: { 67 | index: 1.2 68 | } 69 | }, 70 | { 71 | path: '/livethr', 72 | name: 'LiveThr', 73 | component: () => import('./views/LiveThr.vue'), 74 | meta: { 75 | index: 1.3 76 | } 77 | }, 78 | { 79 | path: '/videoone', 80 | name: 'VideoOne', 81 | component: () => import('./views/VideoOne.vue'), 82 | meta: { 83 | index: 2.1 84 | } 85 | }, 86 | { 87 | path: '/videotwo', 88 | name: 'VideoTwo', 89 | component: () => import('./views/VideoTwo.vue'), 90 | meta: { 91 | index: 2.2 92 | } 93 | }, 94 | { 95 | path: '/videothr', 96 | name: 'VideoThr', 97 | component: () => import('./views/VideoThr.vue'), 98 | meta: { 99 | index: 2.3 100 | } 101 | }, 102 | { 103 | path: '/videochatlive', 104 | name: 'VideoChatLive', 105 | component: () => import('./views/VideoChatLive.vue'), 106 | meta: { 107 | index: 3 108 | } 109 | }, 110 | { 111 | path: '/uesrindex', 112 | name: 'UserIndex', 113 | component: () => import('./views/UserIndex.vue'), 114 | meta: { 115 | index: 4 116 | } 117 | }, 118 | { 119 | path: '/videointroduction', 120 | name: 'VideoIntroduction', 121 | component: () => import('./components/UserIndex/VideoIntroduction.vue'), 122 | meta: { 123 | index: 5 124 | } 125 | } 126 | ] 127 | }) 128 | -------------------------------------------------------------------------------- /src/components/Live/LiveSwiperContent.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 91 | 92 | 115 | -------------------------------------------------------------------------------- /src/store.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Vuex from 'vuex' 3 | import Axios from 'axios' 4 | 5 | Vue.use(Vuex) 6 | 7 | export default new Vuex.Store({ 8 | state: { 9 | liveListInfo: { 10 | '推荐': [], 11 | '才艺': [], 12 | '魅力': [], 13 | '杭州': [] 14 | }, 15 | tuijianPage: 1, 16 | caiyiPage: 1, 17 | meiliPage: 1, 18 | hangzhouPage: 1, 19 | tuijianLock: true, 20 | caiyiLock: true, 21 | meiliLock: true, 22 | hangzhouLock: true, 23 | yinchengnuo: { 24 | sex: 1, 25 | status: 0, 26 | mlevel: 0, 27 | userid: 26307780, 28 | totalWealthLevel: 4, 29 | userpic: 'http://img2.ipaychat.com/d3/photos/0/026/307/780.jpg?1553396270712', 30 | vlevel: 0, 31 | city: '杭州市', 32 | isCustom: 0, 33 | leveltype: 1, 34 | rank: 0, 35 | level: 0, 36 | name: '尹成诺', 37 | privilegeLevel: 0, 38 | guardFlag: false, 39 | age: 23, 40 | focus: 33, 41 | fans: 12, 42 | send: 123, 43 | featurn: 521, 44 | lable: ['吃饭', '睡觉', '打豆豆'], 45 | sign: '人生, 无非就是拉拉扯扯。' 46 | } 47 | }, 48 | mutations: { 49 | get (state, channel) { 50 | if (channel === 'tuijian') { 51 | if (state.tuijianLock) { 52 | state.tuijianLock = false 53 | if (state.tuijianPage) { 54 | Axios.get(`/tuijian?page=${state.tuijianPage}`).then((response) => { 55 | state.liveListInfo['推荐'] = state.liveListInfo['推荐'].concat(response.data.info) 56 | state.tuijianPage++ 57 | if (response.data.info.length < 14) { 58 | state.tuijianPage = 0 59 | } 60 | state.tuijianLock = true 61 | }) 62 | } 63 | } 64 | } else if (channel === 'caiyi') { 65 | if (state.caiyiLock) { 66 | state.caiyiLock = false 67 | if (state.caiyiPage) { 68 | Axios.get(`/caiyi?page=${state.caiyiPage}`).then((response) => { 69 | state.liveListInfo['才艺'] = state.liveListInfo['才艺'].concat(response.data.info.channelList) 70 | state.caiyiPage++ 71 | if (response.data.info.channelList.length < 14) { 72 | state.caiyiPage = 0 73 | } 74 | state.caiyiLock = true 75 | }) 76 | } 77 | } 78 | } else if (channel === 'meili') { 79 | if (state.meiliLock) { 80 | state.meiliLock = false 81 | if (state.meiliPage) { 82 | Axios.get(`/meili?page=${state.meiliPage}`).then((response) => { 83 | state.liveListInfo['魅力'] = state.liveListInfo['魅力'].concat(response.data.info) 84 | state.meiliPage++ 85 | if (response.data.info.length < 14) { 86 | state.meiliPage = 0 87 | } 88 | state.meiliLock = true 89 | }) 90 | } 91 | } 92 | } else if (channel === 'hangzhou') { 93 | if (state.hangzhouLock) { 94 | state.hangzhouLock = false 95 | if (state.hangzhouPage) { 96 | Axios.get(`/hangzhou?page=${state.hangzhouPage}`).then((response) => { 97 | state.liveListInfo['杭州'] = state.liveListInfo['杭州'].concat(response.data.info) 98 | state.hangzhouPage++ 99 | if (response.data.info.length < 14) { 100 | state.hangzhouPage = 0 101 | } 102 | state.hangzhouLock = true 103 | }) 104 | } 105 | } 106 | } 107 | } 108 | }, 109 | actions: { 110 | getAsync (context, channel) { 111 | context.commit('get', channel) 112 | } 113 | } 114 | }) 115 | -------------------------------------------------------------------------------- /src/assets/styles/iconfont.css: -------------------------------------------------------------------------------- 1 | @font-face {font-family: "iconfont"; 2 | src: url('iconfont.eot?t=1553402636711'); /* IE9 */ 3 | src: url('iconfont.eot?t=1553402636711#iefix') format('embedded-opentype'), /* IE6-IE8 */ 4 | url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), 5 | url('iconfont.woff?t=1553402636711') format('woff'), 6 | url('iconfont.ttf?t=1553402636711') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ 7 | url('iconfont.svg?t=1553402636711#iconfont') format('svg'); /* iOS 4.1- */ 8 | } 9 | 10 | .iconfont { 11 | font-family: "iconfont" !important; 12 | font-size: 16px; 13 | font-style: normal; 14 | -webkit-font-smoothing: antialiased; 15 | -moz-osx-font-smoothing: grayscale; 16 | } 17 | -------------------------------------------------------------------------------- /src/components/UserIndex/UserinfoSwiper.vue: -------------------------------------------------------------------------------- 1 | 38 | 39 | 69 | 70 | 125 | -------------------------------------------------------------------------------- /src/components/UserIndex/VideoIntroduction.vue: -------------------------------------------------------------------------------- 1 | 28 | 29 | 67 | 68 | 135 | -------------------------------------------------------------------------------- /src/components/Public/RoomInfo.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 52 | 53 | 131 | -------------------------------------------------------------------------------- /src/components/Live/LiveWatcherInfoAlert.vue: -------------------------------------------------------------------------------- 1 | 37 | 38 | 65 | 66 | 149 | -------------------------------------------------------------------------------- /src/views/UserIndex.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 99 | 100 | 126 | -------------------------------------------------------------------------------- /src/views/VideoChatLive.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 92 | 93 | 166 | -------------------------------------------------------------------------------- /src/components/Videochat/VideoChatList.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 140 | 141 | 191 | -------------------------------------------------------------------------------- /src/components/About/About.vue: -------------------------------------------------------------------------------- 1 | 31 | 32 | 108 | 109 | 214 | -------------------------------------------------------------------------------- /src/views/LiveThr.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 177 | 178 | 227 | -------------------------------------------------------------------------------- /src/views/LiveTwo.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 177 | 178 | 227 | -------------------------------------------------------------------------------- /src/views/LiveOne.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 183 | 184 | 233 | -------------------------------------------------------------------------------- /src/views/VideoThr.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 196 | 197 | 268 | -------------------------------------------------------------------------------- /src/views/VideoTwo.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 196 | 197 | 268 | -------------------------------------------------------------------------------- /src/views/VideoOne.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 202 | 203 | 274 | -------------------------------------------------------------------------------- /src/assets/styles/iconfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | Created by iconfont 9 | 10 | 11 | 12 | 13 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | --------------------------------------------------------------------------------