Commit 3a7f85fb authored by zhoucong's avatar zhoucong

vlog页面修改样式

parent 441cc666
...@@ -23,27 +23,29 @@ ...@@ -23,27 +23,29 @@
/* android打包配置 */ /* android打包配置 */
"android" : { "android" : {
"permissions" : [ "permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios" : {}, "ios" : {},
/* SDK配置 */ /* SDK配置 */
"sdkConfigs" : {} "sdkConfigs" : {
"share" : {}
}
}, },
"uniStatistics" : { "uniStatistics" : {
"enable" : true "enable" : true
......
...@@ -45,8 +45,8 @@ ...@@ -45,8 +45,8 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.content{padding: 0 20rpx;height: 100%;width: 100%;background-color: #192033; .content{padding: 0 20rpx;height: 100%;width: 100%;background-color: #192033;
.item{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);padding: 0 10rpx;border-radius: 10rpx;background-color: #192033;margin-bottom:30rpx; .item{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);padding: 0 10rpx;border-radius: 10rpx;background-color: #192033;margin-bottom:30rpx;text-align: center;
.video{height: 350rpx;border-radius: 10rpx;} .video{height: 350rpx;border-radius: 10rpx;width: 100%;}
.title{height: 60rpx;display: flex;align-items: center;justify-content: space-between;font-weight:bold;color: #fff;font-size: 32rpx;padding: 0 10rpx;} .title{height: 60rpx;display: flex;align-items: center;justify-content: space-between;font-weight:bold;color: #fff;font-size: 32rpx;padding: 0 10rpx;}
} }
......
...@@ -24,11 +24,43 @@ ...@@ -24,11 +24,43 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
aa:1 aa:1
} }
}, },
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: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png"
}
}
},
onShareTimeline(res) {//分享到朋友圈
let openid = uni.getStorageSync('openid');
if (openid) {
return {
title: '胖丁旅游',
type: 0,
query: 'id=' + openid,
summary: "",
imageUrl: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png"
}
}
},
methods: { methods: {
error(e){//视频播放出错触发函数 error(e){//视频播放出错触发函数
uni.showModal({content: e.target.errMsg,showCancel: false}) uni.showModal({content: e.target.errMsg,showCancel: false})
...@@ -41,7 +73,7 @@ ...@@ -41,7 +73,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.content{padding: 0 20rpx;height: 100%;width: 100%;text-align: center; .content{padding: 0 20rpx;height: 100%;width: 100%;text-align: center;
.item{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);padding: 0 10rpx;border-radius: 10rpx;background-color: #192033;margin-bottom:30rpx;text-align: center; .item{box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);padding: 0 10rpx;border-radius: 10rpx;background-color: #192033;margin-bottom:30rpx;text-align: center;
.video{height: 350rpx;border-radius: 10rpx;} .video{height: 350rpx;border-radius: 10rpx;width: 100%;}
.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;} .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;}
} }
.empty{text-align: center;padding-top: 30rpx; .empty{text-align: center;padding-top: 30rpx;
......
...@@ -15,20 +15,20 @@ ...@@ -15,20 +15,20 @@
<view class="hint1"> <view class="hint1">
<view class="item"> <view class="item">
<view class=""> <view class="">
<image src="../../../static/img/vlog/icon/sun.png"></image> <image src="../../../static/img/vlog/icon/icon_lightisenough.png"></image>
</view> </view>
<view>光线充足</view> <view>光线充足</view>
</view> </view>
<view class="item"> <view class="item">
<view class=""> <view class="">
<image src="../../../static/img/vlog/icon/inface.png"></image> <image src="../../../static/img/vlog/icon/icon_isthelens.png"></image>
</view> </view>
<view>正对镜头</view> <view>正对镜头</view>
</view> </view>
<view class="item"> <view class="item">
<view class=""> <view class="">
<image src="../../../static/img/vlog/icon/keepout.png"></image> <image src="../../../static/img/vlog/icon/icon_openface.png"></image>
</view> </view>
<view>不遮挡面部</view> <view>不遮挡面部</view>
</view> </view>
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
} }
},1000) },1000)
}, },
error(e) { error(e) {//相机报错
console.log(e.detail); console.log(e.detail);
}, },
scanFace(){//重新扫脸 scanFace(){//重新扫脸
......
...@@ -33,6 +33,5 @@ ...@@ -33,6 +33,5 @@
"uniStatistics": { "uniStatistics": {
"enable": true "enable": true
}, },
"usingComponents": {}, "usingComponents": {}
"sitemapLocation": "sitemap.json"
} }
\ No newline at end of file
...@@ -38,10 +38,12 @@ ...@@ -38,10 +38,12 @@
border-radius: 10rpx; border-radius: 10rpx;
background-color: #192033; background-color: #192033;
margin-bottom: 30rpx; margin-bottom: 30rpx;
text-align: center;
} }
.content .item .video.data-v-396b8e72 { .content .item .video.data-v-396b8e72 {
height: 350rpx; height: 350rpx;
border-radius: 10rpx; border-radius: 10rpx;
width: 100%;
} }
.content .item .title.data-v-396b8e72 { .content .item .title.data-v-396b8e72 {
height: 60rpx; height: 60rpx;
......
...@@ -156,11 +156,43 @@ __webpack_require__.r(__webpack_exports__); ...@@ -156,11 +156,43 @@ __webpack_require__.r(__webpack_exports__);
// //
var _default = var _default =
{ {
data: function data() { data: function data() {
return { return {
aa: 1 }; aa: 1 };
}, },
onLoad: function onLoad() {
wx.showShareMenu({
withShareTicket: true,
menus: ["shareAppMessage", "shareTimeline"] });
},
onShareAppMessage: function onShareAppMessage(res) {//发送给朋友
// 此处的openid为分享者的部分信息,需要传递给其他人
var openid = uni.getStorageSync('openid');
if (openid) {
return {
title: '胖丁旅游',
type: 0,
path: '/pages/index/index?id=' + openid,
summary: "",
imageUrl: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png" };
}
},
onShareTimeline: function onShareTimeline(res) {//分享到朋友圈
var openid = uni.getStorageSync('openid');
if (openid) {
return {
title: '胖丁旅游',
type: 0,
query: 'id=' + openid,
summary: "",
imageUrl: "https://58d.oss-cn-hangzhou.aliyuncs.com/goods/ttg_1596073788000.png" };
}
},
methods: { methods: {
error: function error(e) {//视频播放出错触发函数 error: function error(e) {//视频播放出错触发函数
uni.showModal({ content: e.target.errMsg, showCancel: false }); uni.showModal({ content: e.target.errMsg, showCancel: false });
......
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
.content .item .video.data-v-1f5bdab2 { .content .item .video.data-v-1f5bdab2 {
height: 350rpx; height: 350rpx;
border-radius: 10rpx; border-radius: 10rpx;
width: 100%;
} }
.content .item .btnn.data-v-1f5bdab2 { .content .item .btnn.data-v-1f5bdab2 {
display: inline-block; display: inline-block;
......
...@@ -207,7 +207,7 @@ var _default = ...@@ -207,7 +207,7 @@ var _default =
} }
}, 1000); }, 1000);
}, },
error: function error(e) { error: function error(e) {//相机报错
console.log(e.detail); console.log(e.detail);
}, },
scanFace: function scanFace() {//重新扫脸 scanFace: function scanFace() {//重新扫脸
......
<view class="content data-v-04da0587"><view class="d1 data-v-04da0587"></view><view class="d2 data-v-04da0587"></view><camera class="camera data-v-04da0587" device-position="front" flash="off" data-event-opts="{{[['error',[['error',['$event']]]]]}}" binderror="__e"></camera><view hidden="{{!(show)}}" class="surface data-v-04da0587"><view class="data-v-04da0587">请正对镜头</view><text class="data-v-04da0587">{{text}}</text></view><image hidden="{{!(src)}}" class="photo data-v-04da0587" src="{{src}}"></image><view class="hint data-v-04da0587"><u-icon vue-id="d331a742-1" name="error-circle" class="data-v-04da0587" bind:__l="__l"></u-icon>没有检测到人脸,请正对拍摄框拍摄哦~</view><view class="hint1 data-v-04da0587"><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/sun.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">光线充足</view></view><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/inface.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">正对镜头</view></view><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/keepout.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">不遮挡面部</view></view></view><u-button vue-id="d331a742-2" type="success" size="medium" data-event-opts="{{[['^click',[['scanFace']]]]}}" bind:click="__e" class="data-v-04da0587" bind:__l="__l" vue-slots="{{['default']}}">重新拍摄</u-button></view> <view class="content data-v-04da0587"><view class="d1 data-v-04da0587"></view><view class="d2 data-v-04da0587"></view><camera class="camera data-v-04da0587" device-position="front" flash="off" data-event-opts="{{[['error',[['error',['$event']]]]]}}" binderror="__e"></camera><view hidden="{{!(show)}}" class="surface data-v-04da0587"><view class="data-v-04da0587">请正对镜头</view><text class="data-v-04da0587">{{text}}</text></view><image hidden="{{!(src)}}" class="photo data-v-04da0587" src="{{src}}"></image><view class="hint data-v-04da0587"><u-icon vue-id="d331a742-1" name="error-circle" class="data-v-04da0587" bind:__l="__l"></u-icon>没有检测到人脸,请正对拍摄框拍摄哦~</view><view class="hint1 data-v-04da0587"><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/icon_lightisenough.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">光线充足</view></view><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/icon_isthelens.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">正对镜头</view></view><view class="item data-v-04da0587"><view class="data-v-04da0587"><image src="../../../static/img/vlog/icon/icon_openface.png" class="data-v-04da0587"></image></view><view class="data-v-04da0587">不遮挡面部</view></view></view><u-button vue-id="d331a742-2" type="success" size="medium" data-event-opts="{{[['^click',[['scanFace']]]]}}" bind:click="__e" class="data-v-04da0587" bind:__l="__l" vue-slots="{{['default']}}">重新拍摄</u-button></view>
\ No newline at end of file \ No newline at end of file
...@@ -6,8 +6,37 @@ ...@@ -6,8 +6,37 @@
"setting": { "setting": {
"urlCheck": true, "urlCheck": true,
"es6": true, "es6": true,
"enhance": true,
"postcss": true, "postcss": true,
"minified": true "preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"enableEngineNative": false,
"useIsolateContext": true,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"showES6CompileOption": false
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "", "libVersion": "",
...@@ -15,19 +44,15 @@ ...@@ -15,19 +44,15 @@
"projectname": "uni-pdtravel", "projectname": "uni-pdtravel",
"condition": { "condition": {
"search": { "search": {
"current": -1,
"list": [] "list": []
}, },
"conversation": { "conversation": {
"current": -1,
"list": [] "list": []
}, },
"game": { "game": {
"current": -1,
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 0,
"list": [ "list": [
{ {
"name": "", "name": "",
......
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