Commit ca45e67b authored by zhoucong's avatar zhoucong

vlog

parent b8d2604b
export default{//微信小程序分享功能
data(){
return {//设置默认的分享参数
share:{
title:'vlog',
path:'/pages/index/index',
imageUrl:'',
desc:'',
content:''
}
}
},
onLoad(){
wx.showShareMenu({
withShareTicket:true,
menus:["shareAppMessage","shareTimeline"]
})
},
onShareAppMessage(res) {//发送给朋友
// 此处的openid为分享者的部分信息,需要传递给其他人
let openid = uni.getStorageSync('openid');
if (openid) {
return {
title: '胖丁旅游',
type: 0,
path: '/pages/index/index?id=' + openid,
summary: "",
imageUrl: ""
}
}
},
onShareTimeline(res) {//分享到朋友圈
let openid = uni.getStorageSync('openid');
if (openid) {
return {
title: '胖丁旅游',
type: 0,
query: 'id=' + openid,
summary: "",
imageUrl: ""
}
}
},
}
\ No newline at end of file
......@@ -4,9 +4,6 @@ import uView from 'uview-ui'
import request from 'common/request.js'
import "./common/icon/iconfont.css"
import share from './common/share.js' //引入分享API
Vue.mixin(share)
Vue.prototype.$request = request
Vue.use(uView)
......
......@@ -160,6 +160,13 @@
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/vlog/myVlog/myVlog",
"style" : {
"navigationBarTitleText": "我的Vlog集",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
......
<template>
<view class="content">
<view v-if="1" style="padding-top: 90rpx;">
<view class="">
</view>
</view>
<view v-else class="empty">
<view class="empty1">
<text>啊哦。。。没找到呢</text>
<image src="../../../static/img/vlog/icon/icon_thereisnovideo.png"></image>
</view>
<navigator url="../vlogface/vlogface" class="btnn">
<view>点击获取我的Vlog</view>
</navigator>
</view>
</view>
</template>
<script>
export default {
data() {
return {
aa: 1,
value: 1,
show:false,
list: [{
label: '默认排序',
value: 1,
},
{
label: '距离优先',
value: 2,
},
{
label: '价格优先',
value: 3,
}
],
}
},
onReady() {
},
onLoad(res){
uni.setNavigationBarColor({//动态更改导航条颜色
frontColor: '#ffffff',
backgroundColor: '#192033',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 0 20rpx;
height: 100%;
width: 100%;
text-align: center;
// background-color: #192033;
.empty {
text-align: center;
padding-top: 30rpx;
.empty1 {
height: 200rpx;
background: linear-gradient(90deg, #ECF5FF 0%, #CEE5FF 100%);
line-height: 200rpx;
border-radius: 10rpx;
margin-bottom: 300rpx;
text {
font-weight: bold;
font-size: 32rpx;
float: left;
margin-left: 120rpx;
}
image {
height: 180rpx;
width: 200rpx;
float: right;
margin-right: 50rpx;
}
}
.btnn {
display: inline-block;
font-size: 28rpx;
border-radius: 40rpx;
text-align: center;
background-color: #FFE600;
padding: 20rpx 40rpx;
margin: 30rpx 0;
font-weight: bold;
}
}
}
</style>
......@@ -8,7 +8,7 @@
<view class="shuxian"></view>
<view>我的VLOG视频集</view>
</view>
<navigator url="../vlogList/vlogList">
<navigator url="../myVlog/myVlog">
<view class="photoGallery">
<image class="img" src="../../../static/img/vlog/icon/bg.jpg"></image>
<view class="access"></view>
......@@ -93,6 +93,20 @@ export default {
this.openCamera()
},
onReady() {//代替 vue 里面的 mounted
uni.login({
provider: 'weixin',
success: function (loginRes) {
console.log(loginRes);
// 获取用户信息
uni.getUserInfo({
provider: 'weixin',
success: function (infoRes) {
console.log(infoRes);
console.log('用户昵称为:' + infoRes.userInfo.nickName);
}
});
}
});
},
onShareAppMessage(res){
success:(res=>{console.log(res);})
......
<template>
<view class="content" :style="aa===1?'background-color: #192033':''">
<view v-if="1" style="padding-top: 30rpx;">
<view class="content">
<view style="padding-top: 30rpx;">
<view class="item">
<video class="video" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
@error="error" controls @play="playing(1)" id="d1"></video>
......@@ -12,15 +12,6 @@
<button class="btnn" open-type="share">分享下载</button>
</view>
</view>
<view v-else class="empty">
<view class="empty1">
<text>啊哦。。。没找到呢</text>
<image src="../../../static/img/vlog/icon/icon_thereisnovideo.png"></image>
</view>
<navigator url="../vlogface/vlogface" class="btnn">
<view>点击获取我的Vlog</view>
</navigator>
</view>
</view>
</template>
......@@ -29,7 +20,6 @@
data() {
return {
aa: 1,
share1: 0,
src: ""
}
......@@ -85,6 +75,7 @@
height: 100%;
width: 100%;
text-align: center;
background-color: #192033;
.item {
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
......@@ -110,43 +101,5 @@
font-weight: bold;
}
}
.empty {
text-align: center;
padding-top: 30rpx;
.empty1 {
height: 200rpx;
background: linear-gradient(90deg, #ECF5FF 0%, #CEE5FF 100%);
line-height: 200rpx;
border-radius: 10rpx;
margin-bottom: 300rpx;
text {
font-weight: bold;
font-size: 32rpx;
float: left;
margin-left: 120rpx;
}
image {
height: 180rpx;
width: 200rpx;
float: right;
margin-right: 50rpx;
}
}
.btnn {
display: inline-block;
font-size: 28rpx;
border-radius: 40rpx;
text-align: center;
background-color: #FFE600;
padding: 20rpx 40rpx;
margin: 30rpx 0;
font-weight: bold;
}
}
}
</style>
{"version":3,"sources":["webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?d9cd","webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?d625","webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?00fc","webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?6645","uni-app:///uview-ui/components/u-cell-group/u-cell-group.vue","webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?d9de","webpack:///C:/Users/admin/Desktop/zc/uni-pdtravel/uview-ui/components/u-cell-group/u-cell-group.vue?3f85"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAqI;AACrI;AACgE;AACL;AACsC;;;AAGjG;AACsK;AACtK,gBAAgB,6KAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,uGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClBA;AAAA;AAAA;AAAA;AAAwnB,CAAgB,snBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;ACY5oB;;;;;;;;;AASA;AACA,sBADA;AAEA;AACA;AACA;AACA,kBADA;AAEA,iBAFA,EAFA;;AAMA;AACA;AACA,mBADA;AAEA,mBAFA,EAPA;;AAWA;AACA;AACA;AACA,kBADA;AAEA,aAFA,sBAEA;AACA;AACA,OAJA,EAbA,EAFA;;;AAsBA,MAtBA,kBAsBA;AACA;AACA,cADA;;AAGA,GA1BA,E;;;;;;;;;;;;ACrBA;AAAA;AAAA;AAAA;AAAiqC,CAAgB,wlCAAG,EAAC,C;;;;;;;;;;;ACArrC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"uview-ui/components/u-cell-group/u-cell-group.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-cell-group.vue?vue&type=template&id=5723aa40&scoped=true&\"\nvar renderjs\nimport script from \"./u-cell-group.vue?vue&type=script&lang=js&\"\nexport * from \"./u-cell-group.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-cell-group.vue?vue&type=style&index=0&id=5723aa40&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5723aa40\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-cell-group/u-cell-group.vue\"\nexport default component.exports","export * from \"-!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-cell-group.vue?vue&type=template&id=5723aa40&scoped=true&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n var s0 = _vm.__get_style([_vm.titleStyle])\n\n _vm.$mp.data = Object.assign(\n {},\n {\n $root: {\n s0: s0\n }\n }\n )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-cell-group.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-cell-group.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view class=\"u-cell-box\">\r\n\t\t<view class=\"u-cell-title\" v-if=\"title\" :style=\"[titleStyle]\">\r\n\t\t\t{{title}}\r\n\t\t</view>\r\n\t\t<view class=\"u-cell-item-box\" :class=\"{'u-border-bottom u-border-top': border}\">\r\n\t\t\t<slot />\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\t/**\r\n\t * cellGroup 单元格父组件Group\r\n\t * @description cell单元格一般用于一组列表的情况,比如个人中心页,设置页等。搭配u-cell-item\r\n\t * @tutorial https://www.uviewui.com/components/cell.html\r\n\t * @property {String} title 分组标题\r\n\t * @property {Boolean} border 是否显示外边框(默认true)\r\n\t * @property {Object} title-style 分组标题的的样式,对象形式,如{'font-size': '24rpx'} 或 {'fontSize': '24rpx'}\r\n\t * @example <u-cell-group title=\"设置喜好\">\r\n\t */\r\n\texport default {\r\n\t\tname: \"u-cell-group\",\r\n\t\tprops: {\r\n\t\t\t// 分组标题\r\n\t\t\ttitle: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: ''\r\n\t\t\t},\r\n\t\t\t// 是否显示分组list上下边框\r\n\t\t\tborder: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t},\r\n\t\t\t// 分组标题的样式,对象形式,注意驼峰属性写法\r\n\t\t\t// 类似 {'font-size': '24rpx'} 和 {'fontSize': '24rpx'}\r\n\t\t\ttitleStyle: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\tdefault () {\r\n\t\t\t\t\treturn {};\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tindex: 0,\r\n\t\t\t}\r\n\t\t},\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"../../libs/css/style.components.scss\";\r\n\t\r\n\t.u-cell-box {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.u-cell-title {\r\n\t\tpadding: 30rpx 32rpx 10rpx 32rpx;\r\n\t\tfont-size: 30rpx;\r\n\t\ttext-align: left;\r\n\t\tcolor: $u-tips-color;\r\n\t}\r\n\r\n\t.u-cell-item-box {\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tflex-direction: row;\r\n\t}\r\n</style>\r\n","import mod from \"-!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-cell-group.vue?vue&type=style&index=0&id=5723aa40&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-cell-group.vue?vue&type=style&index=0&id=5723aa40&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1628476703301\n var cssReload = require(\"C:/Users/admin/Desktop/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""}
\ No newline at end of file
......@@ -18,7 +18,8 @@
"pages/vlog/scenicList/scenicList",
"pages/vlog/vlogList/vlogList",
"pages/vlog/photoAlbum/photoAlbum",
"pages/vlog/share/share"
"pages/vlog/share/share",
"pages/vlog/myVlog/myVlog"
],
"subPackages": [],
"window": {
......@@ -35,6 +36,5 @@
"uniStatistics": {
"enable": true
},
"usingComponents": {},
"sitemapLocation": "sitemap.json"
"usingComponents": {}
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
{
"navigationBarTitleText": "我的Vlog集",
"enablePullDownRefresh": false,
"usingComponents": {}
}
\ No newline at end of file
<view class="content data-v-3904d3a7"><block wx:if="{{1}}"><view style="padding-top:90rpx;" class="data-v-3904d3a7"><view class="data-v-3904d3a7"></view></view></block><block wx:else><view class="empty data-v-3904d3a7"><view class="empty1 data-v-3904d3a7"><text class="data-v-3904d3a7">啊哦。。。没找到呢</text><image src="../../../static/img/vlog/icon/icon_thereisnovideo.png" class="data-v-3904d3a7"></image></view><navigator class="btnn data-v-3904d3a7" url="../vlogface/vlogface"><view class="data-v-3904d3a7">点击获取我的Vlog</view></navigator></view></block></view>
\ No newline at end of file
This diff is collapsed.
......@@ -232,6 +232,20 @@ var _default =
this.openCamera();
},
onReady: function onReady() {//代替 vue 里面的 mounted
uni.login({
provider: 'weixin',
success: function success(loginRes) {
console.log(loginRes);
// 获取用户信息
uni.getUserInfo({
provider: 'weixin',
success: function success(infoRes) {
console.log(infoRes);
console.log('用户昵称为:' + infoRes.userInfo.nickName);
} });
} });
},
onShareAppMessage: function onShareAppMessage(res) {
success: (function (res) {console.log(res);});
......
......@@ -147,21 +147,11 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
//
//
//
//
//
var _default =
{
data: function data() {
return {
aa: 1,
share1: 0,
src: "" };
......
......@@ -31,6 +31,7 @@
height: 100%;
width: 100%;
text-align: center;
background-color: #192033;
}
.content .item.data-v-1f5bdab2 {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
......@@ -54,38 +55,4 @@
margin: 30rpx 0;
font-weight: bold;
}
.content .empty.data-v-1f5bdab2 {
text-align: center;
padding-top: 30rpx;
}
.content .empty .empty1.data-v-1f5bdab2 {
height: 200rpx;
background: -webkit-linear-gradient(left, #ECF5FF 0%, #CEE5FF 100%);
background: linear-gradient(90deg, #ECF5FF 0%, #CEE5FF 100%);
line-height: 200rpx;
border-radius: 10rpx;
margin-bottom: 300rpx;
}
.content .empty .empty1 text.data-v-1f5bdab2 {
font-weight: bold;
font-size: 32rpx;
float: left;
margin-left: 120rpx;
}
.content .empty .empty1 image.data-v-1f5bdab2 {
height: 180rpx;
width: 200rpx;
float: right;
margin-right: 50rpx;
}
.content .empty .btnn.data-v-1f5bdab2 {
display: inline-block;
font-size: 28rpx;
border-radius: 40rpx;
text-align: center;
background-color: #FFE600;
padding: 20rpx 40rpx;
margin: 30rpx 0;
font-weight: bold;
}
{
"usingComponents": {},
"component": true
}
\ No newline at end of file
{
"usingComponents": {
"u-icon": "/uview-ui/components/u-icon/u-icon"
},
"component": true
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment