|
@@ -1,469 +1,252 @@
|
|
<template>
|
|
<template>
|
|
- <view class="wrap">
|
|
|
|
- <view class="motionType-conatiner">
|
|
|
|
- <view class="title">选择运动类型</view>
|
|
|
|
- <div class="motionType-list">
|
|
|
|
- <div class="item" v-for="(item,index) in motionType" :key="index" @click="changeMotionType(item)">
|
|
|
|
- <image class="icon" :src="sportType===item.value?item.selectedIconPath:item.icon"></image>
|
|
|
|
- <view class="name">{{item.text}}</view>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </view>
|
|
|
|
- <div class="preview-conatiner">
|
|
|
|
- <view class="title">上传视频</view>
|
|
|
|
- <view class="preview">
|
|
|
|
- <video v-if="videoSrc" id="video" :src="videoSrc" @error="videoErrorCallback" controls></video>
|
|
|
|
- <uni-icons color="#AEAEAE" type="videocam-filled" size="70" v-else></uni-icons>
|
|
|
|
- </view>
|
|
|
|
- </div>
|
|
|
|
- <view class="content">
|
|
|
|
- <button class="upload-bt" @click="upload">上传视频</button>
|
|
|
|
- <view class="search-bt-container" v-if="!isEmpty(gradeId)">
|
|
|
|
- <button class="search-bt" @click="search" size="mini">
|
|
|
|
- <uni-icons type="search" size="12" color="#fff"></uni-icons>
|
|
|
|
- <text>查询评分结果</text>
|
|
|
|
- </button>
|
|
|
|
- </view>
|
|
|
|
- <view class="result" v-if="status===1">
|
|
|
|
- <view class="title">识别结果</view>
|
|
|
|
- <view class="result-conatiner">
|
|
|
|
- <h3>{{!isEmpty(result.sportGrade)?'':'正在评分中请稍后重试'}}</h3>
|
|
|
|
- <view class="collapse-item-content" v-if="!isEmpty(result.sportGrade)">
|
|
|
|
- <div class="sportGrade-card">
|
|
|
|
- <div class="sportGrade">
|
|
|
|
- <text>{{result.sportGrade}}</text>
|
|
|
|
- <text class="util">分</text>
|
|
|
|
- </div>
|
|
|
|
- <view class="text">{{result.sportSuggestion}}</view>
|
|
|
|
- </div>
|
|
|
|
- <view class="text" >
|
|
|
|
- <view class="text-item" v-for="(item,key) in formateSportRetReport(result.sportRetReport)" :key="key">
|
|
|
|
- <view class="explain-title">{{item.explain}}</view>
|
|
|
|
- <video class="sportVideo" :src="item.url"></video>
|
|
|
|
|
|
+ <view class="history-container">
|
|
|
|
+ <template>
|
|
|
|
+ <view class="item-list">
|
|
|
|
+ <view class="item" v-for="(item,index) in items" :key="index">
|
|
|
|
+ <view class="time">{{formatTime(item.expectedFinishDate)}}</view>
|
|
|
|
+ <div class="item-cont" @click="linkTo(item)">
|
|
|
|
+ <view class="center">
|
|
|
|
+ <view class="sportType">
|
|
|
|
+ <text>{{item.taskTitle}}</text>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ </div>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <getPhone ref="getPhone" v-if="!isLogin" showByPlatform />
|
|
|
|
|
|
+ </view>
|
|
|
|
+ <template>
|
|
|
|
+ <view class="pagination-box" v-if="total>0">
|
|
|
|
+ <uni-pagination @change="changePageNumber"
|
|
|
|
+ :pageSize="limit" :current="page"
|
|
|
|
+ :total="total"></uni-pagination>
|
|
|
|
+ </view>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <view class="isEmpty" >
|
|
|
|
+ <p class="word">没有数据 ^_^ </p>
|
|
|
|
+ </view>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ <div class="create_bt">
|
|
|
|
+ <image class="create_bt_image" src="/static/index/add.png" @click="create" mode="widthFix"></image>
|
|
|
|
+ </div>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
+
|
|
<script>
|
|
<script>
|
|
- import {setToken} from '@/libs/auth.js'
|
|
|
|
- import getPhone from '@/components/getPhone.vue'
|
|
|
|
- import {uploadApi} from '@/api/upload.js'
|
|
|
|
- import {updateSportVide,getSportGradeById,login} from '@/api/user.js'
|
|
|
|
|
|
+ import config from "@/config/index.js"
|
|
|
|
+ const baseUrl = process.env.NODE_ENV === 'development' ? config.base.dev : config.base.pro;
|
|
|
|
+ import {getMemorylistByPage,getDataById} from '@/api/user.js'
|
|
|
|
+ import {parseTime} from '@/libs/index.js'
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- collapseVal:['0'],
|
|
|
|
- videoSrc: '',
|
|
|
|
- status:0,
|
|
|
|
- iscollapse:false,
|
|
|
|
- gradeId:undefined,
|
|
|
|
- result:{sportGrade:undefined},
|
|
|
|
- isLogin:true,
|
|
|
|
- sportType:undefined,
|
|
|
|
- motionType:[
|
|
|
|
- {
|
|
|
|
- value: "0000",
|
|
|
|
- text: "引体向上",
|
|
|
|
- icon:'/static/index/ytxs.png',
|
|
|
|
- selectedIconPath:'/static/index/ytxsCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0001",
|
|
|
|
- text: "仰卧起坐",
|
|
|
|
- icon:'/static/index/ywqz.png',
|
|
|
|
- selectedIconPath:'/static/index/ywqzCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0002",
|
|
|
|
- text: "跳远",
|
|
|
|
- icon:'/static/index/ty.png',
|
|
|
|
- selectedIconPath:'/static/index/tyCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0003",
|
|
|
|
- text: "坐位体前屈",
|
|
|
|
- icon:'/static/index/tqq.png',
|
|
|
|
- selectedIconPath:'/static/index/tqqCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0004",
|
|
|
|
- text: "健身动作",
|
|
|
|
- icon:'/static/index/jsdz.png',
|
|
|
|
- selectedIconPath:'/static/index/jsdzCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0005",
|
|
|
|
- text: "高抬腿",
|
|
|
|
- icon:'/static/index/gtt.png',
|
|
|
|
- selectedIconPath:'/static/index/gttCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0006",
|
|
|
|
- text: "排球垫球",
|
|
|
|
- icon:'/static/index/pqdq.png',
|
|
|
|
- selectedIconPath:'/static/index/pqdqCk.png'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: "0007",
|
|
|
|
- text: "足球垫球",
|
|
|
|
- icon:'/static/index/zqdq.png',
|
|
|
|
- selectedIconPath:'/static/index/zqdqCk.png'
|
|
|
|
- }
|
|
|
|
- ]
|
|
|
|
|
|
+ time:new Date(),
|
|
|
|
+ note:"",
|
|
|
|
+ page:1,
|
|
|
|
+ limit:15,
|
|
|
|
+ total:0,
|
|
|
|
+ items:[],
|
|
|
|
+ sportVedioPath:"",
|
|
|
|
+ isLogin:true
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- components:{
|
|
|
|
- getPhone
|
|
|
|
- },
|
|
|
|
onShow() {
|
|
onShow() {
|
|
- // this.initPhoneModal()
|
|
|
|
- },
|
|
|
|
- destroyed() {
|
|
|
|
- this.status=0;
|
|
|
|
- this.videoSrc="";
|
|
|
|
- this.result={}
|
|
|
|
- this.gradeId=undefined
|
|
|
|
|
|
+ this.getData()
|
|
|
|
+ this.init()
|
|
},
|
|
},
|
|
- methods: {
|
|
|
|
- initPhoneModal(){
|
|
|
|
- const accountName=uni.getStorageSync('phone')
|
|
|
|
- if(!accountName){
|
|
|
|
- this.isLogin=false
|
|
|
|
- this.$nextTick(()=>{
|
|
|
|
- this.$refs['getPhone'].isAuthorize=false
|
|
|
|
- })
|
|
|
|
- }else{
|
|
|
|
- this.isLogin=true
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- upload(){
|
|
|
|
- const sportType=this.sportType
|
|
|
|
- const accountName=uni.getStorageSync('phone')
|
|
|
|
- if(!accountName){
|
|
|
|
- this.isLogin=false
|
|
|
|
- this.$nextTick(()=>{
|
|
|
|
- this.$refs['getPhone'].isAuthorize=false
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if(!sportType){
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'error',
|
|
|
|
- title: "请选择运动类型"
|
|
|
|
- })
|
|
|
|
- return;
|
|
|
|
- }
|
|
|
|
- uni.chooseVideo({
|
|
|
|
- sourceType: ['camera', 'album'],
|
|
|
|
- success: (res)=>{
|
|
|
|
- this.uploadSubmit(res.tempFilePath)
|
|
|
|
- },
|
|
|
|
- fail(res) {
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'none',
|
|
|
|
- title:res.errMsg
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- uploadSubmit(filePath) {
|
|
|
|
- uni.showLoading({
|
|
|
|
- mask:true,
|
|
|
|
- title:"上传中……"
|
|
|
|
- })
|
|
|
|
- const sportType=this.sportType;
|
|
|
|
- const accountName=uni.getStorageSync('phone')
|
|
|
|
- uploadApi({formData:{sportType}, filePath }).then((res) => {
|
|
|
|
- let result=JSON.parse(res);
|
|
|
|
- uni.hideLoading()
|
|
|
|
- if(result.code==="0000"){
|
|
|
|
- updateSportVide({
|
|
|
|
- accountName,
|
|
|
|
- sportType,
|
|
|
|
- sportVedioPath:result.data.sportVedioPath,
|
|
|
|
- sportVedioId:result.data.sportVedioId
|
|
|
|
- }).then((res)=>{
|
|
|
|
- if(res.code===0){
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'none',
|
|
|
|
- duration:2000,
|
|
|
|
- title: "上传成功,系统正在评分请稍等"
|
|
|
|
- })
|
|
|
|
- this.gradeId=res.data
|
|
|
|
- this.videoSrc=filePath;
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }else{
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'error',
|
|
|
|
- title: result.msg||"上传失败"
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- }).catch((msg) => {
|
|
|
|
- uni.hideLoading()
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'error',
|
|
|
|
- title: "上传失败"
|
|
|
|
- })
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- search(){
|
|
|
|
- let gradeId=this.gradeId;
|
|
|
|
- if(!gradeId){
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'none',
|
|
|
|
- title:"请先上传视频!"
|
|
|
|
- })
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- getSportGradeById({
|
|
|
|
- gradeId
|
|
|
|
|
|
+ methods: {
|
|
|
|
+ getData(){
|
|
|
|
+ let page=this.page;
|
|
|
|
+ let limit=this.limit;
|
|
|
|
+ let accountId=uni.getStorageSync('accountId')
|
|
|
|
+ let nowTime=parseTime(new Date(),"{y}-{m}-{d}")+' 00:00:00'
|
|
|
|
+ getMemorylistByPage({
|
|
|
|
+ accountId,
|
|
|
|
+ nowTime,
|
|
|
|
+ page, limit
|
|
}).then((res)=>{
|
|
}).then((res)=>{
|
|
- this.status=1;
|
|
|
|
- this.result=res.data
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- videoErrorCallback: function(e) {
|
|
|
|
- uni.showModal({
|
|
|
|
- content: e.target.errMsg,
|
|
|
|
- showCancel: false
|
|
|
|
|
|
+ this.items=res.data.list
|
|
|
|
+ this.total=res.data.totalCount;
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- changeMotionType(item){
|
|
|
|
- this.sportType=item.value
|
|
|
|
|
|
+ init(){
|
|
|
|
+ this.items=[]
|
|
|
|
+ this.total=0
|
|
|
|
+ this.limit=15
|
|
|
|
+ this.page=1
|
|
},
|
|
},
|
|
- formateSportRetReport(items){
|
|
|
|
- try{
|
|
|
|
- if(this.isEmpty(items)) return []
|
|
|
|
- return Array.isArray(items)?items:JSON.parse(items)
|
|
|
|
- }catch(e){
|
|
|
|
- return []
|
|
|
|
- }
|
|
|
|
|
|
+ onClick(item){
|
|
|
|
+ let gradeId=item.gradeId
|
|
|
|
+ let sportVedioPath=item.sportVedioPath;
|
|
|
|
+ this.sportVedioPath=sportVedioPath
|
|
|
|
+ }
|
|
|
|
+ ,formatTime(date) {
|
|
|
|
+ if (!date) return null
|
|
|
|
+ if(typeof(date)==="string"){date = new Date(date)}
|
|
|
|
+ var y = date.getFullYear()
|
|
|
|
+ var M = date.getMonth() + 1
|
|
|
|
+ var d = date.getDate()
|
|
|
|
+ var H = date.getHours()
|
|
|
|
+ var m = date.getMinutes()
|
|
|
|
+ var s = date.getSeconds()
|
|
|
|
+ M = M > 9 ? M : '0' + M; d = d > 9 ? d : '0' + d; H = H > 9 ? H : '0' + H
|
|
|
|
+ m = m > 9 ? m : '0' + m; s = s > 9 ? s : '0' + s
|
|
|
|
+ return `${y}-${M}-${d} ${H}:${m}:${s}`
|
|
|
|
+ },
|
|
|
|
+ formatImage(path){
|
|
|
|
+ if(!path) return
|
|
|
|
+ let fileName=path.substring(0,path.lastIndexOf('.'))
|
|
|
|
+ return `${fileName}.jpg`;
|
|
|
|
+ },
|
|
|
|
+ changePageNumber({type,current}){
|
|
|
|
+ this.page=current
|
|
|
|
+ this.getData()
|
|
|
|
+ },
|
|
|
|
+ linkTo(item){
|
|
|
|
+ uni.setStorageSync('index-detail-info',item)
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:'/pages/index/detail/detail'
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ create(){
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:'/pages/index/form/form'
|
|
|
|
+ })
|
|
},
|
|
},
|
|
isEmpty(val){
|
|
isEmpty(val){
|
|
if(val!=="undefined"&&val!==undefined&&val!==""&&val!==null){
|
|
if(val!=="undefined"&&val!==undefined&&val!==""&&val!==null){
|
|
return false
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
return true
|
|
- }
|
|
|
|
- },
|
|
|
|
- onShareAppMessage() {
|
|
|
|
- return {
|
|
|
|
- title: 'GOOMove',
|
|
|
|
- path: '/pages/index/index'
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- onShareTimeline() {
|
|
|
|
- return {
|
|
|
|
- title: 'GOOMove',
|
|
|
|
- path: '/pages/index/index'
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-*{
|
|
|
|
- padding: 0;
|
|
|
|
- margin: 0;
|
|
|
|
|
|
+.history-container{
|
|
|
|
+ background:#E4F0FB;
|
|
|
|
+}
|
|
|
|
+.pagination-box{
|
|
|
|
+ margin: 40rpx 0;
|
|
|
|
+ background-color: #fff;
|
|
}
|
|
}
|
|
-.wrap{
|
|
|
|
- padding:20rpx;
|
|
|
|
- .title{
|
|
|
|
- height: 40rpx;
|
|
|
|
|
|
+.isEmpty{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100vh;
|
|
|
|
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzkgODYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjM4Ljg1JSIgeTE9IjAlIiB4Mj0iNjEuMTUlIiB5Mj0iMTAwJSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZDRkNGRCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVGRjMiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iMCUiIHkxPSI5LjUlIiB5Mj0iOTAuNSUiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0ZDRkQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTlFQkVGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGlkPSJjIiBkPSJNMCAwaDE3djM2SDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTM5LjUgODZDNjEuMzE1IDg2IDc5IDgzLjkxIDc5IDgxLjMzM1M1Ny4zMTUgNzggMzUuNSA3OCAwIDc4Ljc1NiAwIDgxLjMzM0MwIDgzLjkxMSAxNy42ODUgODYgMzkuNSA4NnoiIGZpbGw9IiNGN0Y4RkMiLz48cGF0aCBmaWxsPSIjRTVFN0U5IiBkPSJNMTMgNDVoNDBMNDIgNThIMnpNNjUuNTUxIDI5Ljk4bC0xNi4zMTMtNy42MDctMi44NDEtNS43MzggMTYuMzEzIDcuNjA3eiIvPjxwYXRoIGZpbGw9IiNFREVFRjIiIGQ9Ik02NS41NTEgMjkuOThsLTM0LjQ0LTE2LjA1OS0xNS4yMTQgMzIuNjI3IDM0LjQ0IDE2LjA2eiIvPjxwYXRoIGZpbGw9InVybCgjYSkiIHRyYW5zZm9ybT0icm90YXRlKDI1IDI3LjQ0NiAtNDMuNDE2KSIgZD0iTTM4IDdoMTd2MzZIMzh6Ii8+PHBhdGggZmlsbD0iI0Y4RjlGQiIgZD0iTTE1LjcwNSA2LjczN2wxNS40MDcgNy4xODQgMTUuNjQ2LS40MjctMTUuNDA3LTcuMTg1eiIvPjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik0xMyA0NWg0MHYzNkgxM3oiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MyA0NSkiPjxtYXNrIGlkPSJkIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNjIi8+PC9tYXNrPjx1c2UgZmlsbD0iI0UwRTNFOSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTcgMCkiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggZmlsbD0iI0Q1RDdERSIgbWFzaz0idXJsKCNkKSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMjQgMCkiIGQ9Ik03IDBoMTdsLTQgMTgtMjAtMnoiLz48L2c+PHBhdGggZmlsbD0iI0Y4RjlGQiIgZD0iTTcwIDQ1SDUzbDkgMTNoMTd6Ii8+PC9nPjwvc3ZnPg==);
|
|
|
|
+ background-size: contain;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ position: relative;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ /* #ifndef MP-WEIXIN */
|
|
|
|
+ height: calc( 100vh - 100px);
|
|
|
|
+ /* #endif */
|
|
|
|
+ .word{
|
|
|
|
+ width: 100%;
|
|
|
|
+ text-align: center;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 80vh;
|
|
|
|
+ left: 0;
|
|
|
|
+ color: #999;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
- font-family: PingFang SC;
|
|
|
|
- font-weight: bold;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- opacity: 1;
|
|
|
|
- padding:0 0 36rpx 20rpx;
|
|
|
|
- position: relative;
|
|
|
|
- &::after{
|
|
|
|
- width: 12rpx;
|
|
|
|
- height: 28rpx;
|
|
|
|
- background:#2A83EF;
|
|
|
|
- opacity: 1;
|
|
|
|
- border-radius: 6px;
|
|
|
|
- content: "";
|
|
|
|
- display: block;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 8rpx;
|
|
|
|
|
|
+ letter-spacing: 2rpx;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.item-list{
|
|
|
|
+ .item{
|
|
|
|
+ &{
|
|
|
|
+ padding: 0 20rpx;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .motionType-conatiner{
|
|
|
|
- .motionType-list{
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- align-items: center;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
- padding: 0 20rpx 44rpx 20rpx;
|
|
|
|
- .item{
|
|
|
|
- width: 25%;
|
|
|
|
|
|
+ .time{
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ line-height: 28rpx;
|
|
|
|
+ color: #666666;
|
|
|
|
+ padding: 24rpx 0;
|
|
|
|
+ }
|
|
|
|
+ .item-cont{
|
|
|
|
+ &{
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 20rpx 16rpx;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .logo{
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ border-radius: 8px;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content:center;
|
|
justify-content:center;
|
|
align-items: center;
|
|
align-items: center;
|
|
- flex-direction: column;
|
|
|
|
- padding-top: 20rpx;
|
|
|
|
- &:nth-child(-n+4){
|
|
|
|
- padding-top:0;
|
|
|
|
- }
|
|
|
|
- .icon{
|
|
|
|
|
|
+ background-color: #e2e2e2;
|
|
|
|
+ img{
|
|
display: block;
|
|
display: block;
|
|
- width: 104rpx;
|
|
|
|
- height: 104rpx;
|
|
|
|
- }
|
|
|
|
- .name{
|
|
|
|
- width: 100%;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- height: 40rpx;
|
|
|
|
- line-height: 40rpx;
|
|
|
|
- color: #333;
|
|
|
|
- font-weight: bold;
|
|
|
|
- padding-top: 16rpx;
|
|
|
|
- overflow: hidden;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ border-radius: 8px;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .flex-between-center{
|
|
|
|
- display: flex;
|
|
|
|
- justify-content:space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- &.search-conatiner{
|
|
|
|
- padding-bottom: 20rpx;
|
|
|
|
- .custom-select{
|
|
|
|
- width: 300rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .preview{
|
|
|
|
- width: 670rpx;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- background-color: #ccc;
|
|
|
|
- height: 300rpx;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- background:#E8E8E8;
|
|
|
|
- opacity: 1;
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
- #video{
|
|
|
|
- width:750rpx;
|
|
|
|
- height: 300rpx;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .content{
|
|
|
|
- padding: 10rpx;
|
|
|
|
- margin-top: 24rpx;
|
|
|
|
- .upload-bt{
|
|
|
|
- width: 446rpx;
|
|
|
|
- height: 66rpx;
|
|
|
|
- line-height: 66rpx;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #fff;
|
|
|
|
- background-color: #409eff;
|
|
|
|
- border-color: #409eff;
|
|
|
|
- text-align: center;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- border-radius: 42rpx;
|
|
|
|
- }
|
|
|
|
- .search-bt-container{
|
|
|
|
- padding: 24rpx 0 42rpx 0;
|
|
|
|
- }
|
|
|
|
- .search-bt{
|
|
|
|
- width: 446rpx;
|
|
|
|
- height: 66rpx;
|
|
|
|
- line-height: 66rpx;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- color: #fff;
|
|
|
|
- background-color: #ED834A;
|
|
|
|
- border-color: #ED834A;
|
|
|
|
- text-align: center;
|
|
|
|
- margin: 0 auto;
|
|
|
|
- display: block;
|
|
|
|
- border-radius: 42rpx;
|
|
|
|
- }
|
|
|
|
- .result{
|
|
|
|
- .sportGrade-card{
|
|
|
|
- &{
|
|
|
|
- width: 670rpx;
|
|
|
|
- background-image: url('/static/index/sportGradeBg.png');
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- margin: 0 auto 40rpx;
|
|
|
|
- }
|
|
|
|
- .sportGrade{
|
|
|
|
- font-size: 120rpx;
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
- font-weight: bold;
|
|
|
|
- line-height: 168rpx;
|
|
|
|
- color: #FFFFFF;
|
|
|
|
- text-align: center;
|
|
|
|
- .util{
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
|
+ }
|
|
|
|
+ .center{
|
|
|
|
+ color: #999;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ flex: 1;
|
|
|
|
+ padding-left: 20rpx;
|
|
|
|
+ .sportType{
|
|
|
|
+ &{
|
|
|
|
+ font-size: 28rpx;
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- line-height: 44rpx;
|
|
|
|
- color: #FFFFFF;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .text{
|
|
|
|
- width: 90%;
|
|
|
|
- height: 40px;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
- font-weight: 400;
|
|
|
|
- line-height: 40px;
|
|
|
|
- color: #FFFFFF;
|
|
|
|
- text-align: center;
|
|
|
|
- white-space:nowrap;
|
|
|
|
- overflow:hidden;
|
|
|
|
- text-overflow:ellipsis;
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
|
+ line-height: 1;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ align-items: center;
|
|
|
|
+ color: #333333;
|
|
|
|
+ }
|
|
|
|
+ .camera-box{
|
|
|
|
+ padding-left: 26rpx;
|
|
|
|
+ .camera{
|
|
|
|
+ display: block;
|
|
|
|
+ width: 36rpx;
|
|
|
|
+ height: 36rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .text-item{
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
- .explain-title{
|
|
|
|
- height: 40rpx;
|
|
|
|
|
|
+ .rt{
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content:space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .name{
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- line-height: 40rpx;
|
|
|
|
- color: #333333;
|
|
|
|
- padding:0 0 24rpx 20rpx;
|
|
|
|
- position: relative;
|
|
|
|
- &::after{
|
|
|
|
- width: 12rpx;
|
|
|
|
- height: 12rpx;
|
|
|
|
- background:#2A83EF;
|
|
|
|
- border-radius: 50%;
|
|
|
|
- content: "";
|
|
|
|
- display: block;
|
|
|
|
- position: absolute;
|
|
|
|
- left: 0;
|
|
|
|
- top: 16rpx;
|
|
|
|
- }
|
|
|
|
|
|
+ color: #F97743;
|
|
|
|
+ line-height: 1;
|
|
}
|
|
}
|
|
- .sportVideo{
|
|
|
|
- width:100%;
|
|
|
|
- height: 293rpx;
|
|
|
|
- display: block;
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
|
|
+ .score{
|
|
|
|
+ font-weight: 900;
|
|
|
|
+ padding-right: 10rpx;
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #FF4600;
|
|
|
|
+ line-height: 1;
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.create_bt,.create_bt_image{
|
|
|
|
+ display: block;
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ position: fixed;
|
|
|
|
+ right: 10rpx;
|
|
|
|
+ top: 55vh;
|
|
|
|
+ opacity: 0.9;
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|