|
@@ -1,146 +1,93 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="s_container">
|
|
<view class="s_container">
|
|
|
- <!-- <image src="../../assets/home/simulationLibrary/topImg.png" class="s_logo" mode=""></image> -->
|
|
|
|
|
- <view class="s_content_container">
|
|
|
|
|
- <view class="s_search" style="">
|
|
|
|
|
- <view class="" style="position: relative;width: 100%;">
|
|
|
|
|
- <img src="../../assets/home/search.png" class="s_search_img_input" alt="">
|
|
|
|
|
- <input type="text" value="" class="s_search_input" style="width: 96%;" placeholder="请输入搜索内容" />
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="s_content_container" v-if="bShow[0]">
|
|
|
|
|
+ <view class="s_search">
|
|
|
|
|
+ <img src="../../assets/home/search.png" class="s_search_img_logo" alt="">
|
|
|
|
|
+ <input type="text" value="" class="s_search_input" placeholder="请输入搜索内容" />
|
|
|
<button type="warn" size="mini" class="s_btn_search">搜索</button>
|
|
<button type="warn" size="mini" class="s_btn_search">搜索</button>
|
|
|
</view>
|
|
</view>
|
|
|
- <!-- <view class="s_search_condition">
|
|
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="content">
|
|
|
|
|
+ <view class="top-dispaly-block">
|
|
|
|
|
+ <view class="top_content" v-for="(item,index) in allContentArr" :key="index">
|
|
|
|
|
+ <img :src="item.Texture_Url" class="top_image" mode="" @click="viewDetail(index)"></img>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="s_content_block">
|
|
|
|
|
+ <view class="s_img_title" v-text="'角色'"></view>
|
|
|
|
|
+ <view class="s_img_image_block">
|
|
|
|
|
+ <view class="s_img_content">
|
|
|
|
|
+ <view class="s_image_block" v-for="(item,index) in charactorArr" :key="index">
|
|
|
|
|
+ <img :src="item.Texture_Url" class="s_image" mode="" @click="viewDetail0(index)"></img>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <img src="../../assets/home/left.png" class="v-left" alt="" @click="more0()">
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="s_content_block">
|
|
|
|
|
+ <view class="s_img_title" v-text="'场景'"></view>
|
|
|
|
|
+ <view class="s_img_image_block">
|
|
|
|
|
+ <view class="s_img_content">
|
|
|
|
|
+ <view class="s_image_block" v-for="(item,index) in sceneArr" :key="index">
|
|
|
|
|
+ <img :src="item.Texture_Url" class="s_image" mode="" @click="viewDetail1(index)"></img>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <img src="../../assets/home/left.png" class="v-left" alt="" @click="more1()">
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="s_content_block">
|
|
|
|
|
+ <view class="s_img_title" v-text="'道具'"></view>
|
|
|
|
|
+ <view class="s_img_image_block">
|
|
|
|
|
+ <view class="s_img_content">
|
|
|
|
|
+ <view class="s_image_block" v-for="(item,index) in itemArr" :key="index">
|
|
|
|
|
+ <img :src="item.Texture_Url" class="s_image" mode="" @click="viewDetail2(index)"></img>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <img src="../../assets/home/left.png" class="v-left" alt="" @click="more2()">
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="detail" v-if="bShow[1]">
|
|
|
|
|
+ <view class="creator-info-block">
|
|
|
|
|
+ <view class="firstLine">
|
|
|
|
|
+ <img src="../../assets/login/loginPic3.png" class="avatar" alt="">
|
|
|
|
|
+ <text class="creatorName">{{creatorName}}</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="uni-list">
|
|
|
|
|
- <view class="uni-list-cell">
|
|
|
|
|
- <view class="uni-list-cell-db">
|
|
|
|
|
- <picker @change="bindPickerChange" :value="index" :range="array">
|
|
|
|
|
- <view class="uni-input">{{array[index]}}</view>
|
|
|
|
|
- </picker>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="secondLine">
|
|
|
|
|
+ <view class="secondLine-block1">
|
|
|
|
|
+ <view class="Star"></view>
|
|
|
|
|
+ <view class="CollectionAuth">收藏作者</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="secondLine-block2"><text>联系作者</text></view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view> -->
|
|
|
|
|
-
|
|
|
|
|
- <view class="s_search_img">
|
|
|
|
|
-
|
|
|
|
|
- <view class="s_img_left">
|
|
|
|
|
- <view class="s_top_img">
|
|
|
|
|
- <view class="s_top_content" v-for="(item,index) in allContentArr" :key="index">
|
|
|
|
|
- <img :src="item.src" class="ab_image" mode="" @click="change(index)"></img>
|
|
|
|
|
- <view class="s_operation" v-show="index==act">
|
|
|
|
|
- <text>{{item.name}}</text>
|
|
|
|
|
- <view>
|
|
|
|
|
- <img src="../../assets/home/find.png" @click="preview(index)">
|
|
|
|
|
- <img src="../../assets/home/dowload.png" alt="" @click="dowload(index)">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="s_img">
|
|
|
|
|
- <view class="s_img_title" v-text="'角色'"></view>
|
|
|
|
|
- <view class="s_img_image">
|
|
|
|
|
- <view class="s_img_content" v-for="(item,index) in charactorArr" :key="index">
|
|
|
|
|
- <img :src="item.src" class="s_image" mode="" @click="change2(index)"></img>
|
|
|
|
|
- <view class="s_operation" v-show="index==act2">
|
|
|
|
|
- <text>{{item.name}}</text>
|
|
|
|
|
- <view>
|
|
|
|
|
- <img src="../../assets/home/find.png" alt="" @click="preview2(index)">
|
|
|
|
|
- <img src="../../assets/home/dowload.png" alt="" @click="dowload2(index)">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <img src="../../assets/home/left.png" class="v-left" alt="">
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="s_img">
|
|
|
|
|
- <view class="s_img_title" v-text="'场景'"></view>
|
|
|
|
|
- <view class="s_img_image">
|
|
|
|
|
- <view class="s_img_content" v-for="(item,index) in sceneArr" :key="index">
|
|
|
|
|
- <img :src="item.src" class="s_image" mode="" @click="change3(index)"></img>
|
|
|
|
|
- <view class="s_operation" v-show="index==act3">
|
|
|
|
|
- <text>{{item.name}}</text>
|
|
|
|
|
- <view>
|
|
|
|
|
- <img src="../../assets/home/find.png" alt="" @click="preview3(index)">
|
|
|
|
|
- <img src="../../assets/home/dowload.png" alt="" @click="dowload3(index)">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <img src="../../assets/home/left.png" class="v-left" alt="">
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- <view class="s_img s_img_1">
|
|
|
|
|
- <view class="s_img_title" v-text="'道具'"></view>
|
|
|
|
|
- <view class="s_img_image">
|
|
|
|
|
- <view class="s_img_content" v-for="(item,index) in itemArr" :key="index">
|
|
|
|
|
- <img :src="item.src" class="s_image" mode="" @click="change1(index)"></img>
|
|
|
|
|
- <view class="s_operation" v-show="index==act1">
|
|
|
|
|
- <text>{{item.name}}</text>
|
|
|
|
|
- <view>
|
|
|
|
|
- <img src="../../assets/home/find.png" alt="" @click="preview1(index)">
|
|
|
|
|
- <img src="../../assets/home/dowload.png" alt="" @click="dowload1(index)">
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <img src="../../assets/home/left.png" class="v-left" alt="">
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="detailBack" @click="detailBack()"><text>返回</text></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="detail-block">
|
|
|
|
|
+ <view class="DefaultDisplayImg-block">
|
|
|
|
|
+ <!-- <image :src="imageUrl" mode="widthFix"></image> -->
|
|
|
|
|
+ <img :src="imageUrl" mode="widthFix"></img>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="Label-block">
|
|
|
|
|
+ <text>作品名称:{{ItemName}}</text>
|
|
|
|
|
+ <text>上传时间:{{uploadTime}}</text>
|
|
|
|
|
+ <text @click="dowload()">下载</text>
|
|
|
|
|
+ <!-- <text>学生互评</text> -->
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
- <view class="s_footer" style="text-align: center;padding: 80rpx;">
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <view class="more" v-if="bShow[2]">
|
|
|
|
|
+ <view class="ListBack" @click="detailBack()"><text>返回</text></view>
|
|
|
|
|
+ <view class="detail_image_block" v-for="(item,index) in detailArr" :key="index">
|
|
|
|
|
+ <img :src="item.Texture_Url" class="detail_image" @click="viewDetail0(index)" :style="{left:`${index%3*400}rpx`,top:`${parseInt(index/3)*400+100}rpx`}" v-if="bShowImg[0]"></img>
|
|
|
|
|
+ <img :src="item.Texture_Url" class="detail_image" @click="viewDetail1(index)" :style="{left:`${index%3*400}rpx`,top:`${parseInt(index/3)*400+100}rpx`}" v-if="bShowImg[1]"></img>
|
|
|
|
|
+ <img :src="item.Texture_Url" class="detail_image" @click="viewDetail2(index)" :style="{left:`${index%3*400}rpx`,top:`${parseInt(index/3)*400+100}rpx`}" v-if="bShowImg[2]"></img>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
@@ -148,67 +95,44 @@
|
|
|
<script>
|
|
<script>
|
|
|
export default {
|
|
export default {
|
|
|
name: "simulationLibrary",
|
|
name: "simulationLibrary",
|
|
|
|
|
+
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- act: -1,
|
|
|
|
|
- act1: -1,
|
|
|
|
|
- act2: -1,
|
|
|
|
|
- act3: -1,
|
|
|
|
|
array: ['项目类型'],
|
|
array: ['项目类型'],
|
|
|
index: 0,
|
|
index: 0,
|
|
|
- url: '/assets/home/homeBG.jpg',
|
|
|
|
|
|
|
+ // url: '/assets/home/homeBG.jpg',
|
|
|
|
|
+ // imageUrl:require('../../assets/home/simulationLibrary/DefaultDisplayImg.png'),
|
|
|
|
|
+ imageUrl:'',
|
|
|
|
|
+ fbx_url:'',
|
|
|
allContentArr:[],
|
|
allContentArr:[],
|
|
|
itemArr:[],
|
|
itemArr:[],
|
|
|
charactorArr:[],
|
|
charactorArr:[],
|
|
|
sceneArr:[],
|
|
sceneArr:[],
|
|
|
|
|
+ bShow: [
|
|
|
|
|
+ true, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ],
|
|
|
|
|
+ bShowImg:[
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ],
|
|
|
|
|
+ detailArr:[],
|
|
|
|
|
+ creatorName:"姓名",
|
|
|
|
|
+ ItemName:'物品名',
|
|
|
|
|
+ uploadTime:'上传时间',
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+
|
|
|
init() {
|
|
init() {
|
|
|
//临时
|
|
//临时
|
|
|
this.allContentArr.length = 0;
|
|
this.allContentArr.length = 0;
|
|
|
this.itemArr.length = 0;
|
|
this.itemArr.length = 0;
|
|
|
this.charactorArr.length = 0;
|
|
this.charactorArr.length = 0;
|
|
|
this.sceneArr.length = 0;
|
|
this.sceneArr.length = 0;
|
|
|
-
|
|
|
|
|
- for(let i=1;i<3+1;i++){
|
|
|
|
|
- let data = {};
|
|
|
|
|
- data.src = require("../../assets/library/big/"+i+".png");
|
|
|
|
|
- data.name = 'name';
|
|
|
|
|
- data.fbx = 'www.baidu.com';
|
|
|
|
|
- this.allContentArr.push(data);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- for(let i=1;i<6+1;i++){
|
|
|
|
|
- let data = {};
|
|
|
|
|
- // data.src = '../../assets/library/item/'+i+'.png';
|
|
|
|
|
- data.src = require("../../assets/library/item/"+i+".png");
|
|
|
|
|
- data.name = 'name';
|
|
|
|
|
- data.fbx = 'www.baidu.com';
|
|
|
|
|
- this.itemArr.push(data);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- for(let i=1;i<6+1;i++){
|
|
|
|
|
- let data = {};
|
|
|
|
|
- // data.src = '../../assets/library/charactor/'+i+'.png';
|
|
|
|
|
- data.src = require("../../assets/library/charactor/"+i+".png");
|
|
|
|
|
- data.name = 'name';
|
|
|
|
|
- data.fbx = 'www.baidu.com';
|
|
|
|
|
- this.charactorArr.push(data);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- for(let i=1;i<6+1;i++){
|
|
|
|
|
- let data = {};
|
|
|
|
|
- // data.src = '../../assets/library/scene/'+i+'.png';
|
|
|
|
|
- data.src = require("../../assets/library/scene/"+i+".png");
|
|
|
|
|
- data.name = 'name';
|
|
|
|
|
- data.fbx = 'www.baidu.com';
|
|
|
|
|
- this.sceneArr.push(data);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- return;
|
|
|
|
|
-
|
|
|
|
|
- console.log('simulationLibrary=',mydata_userInfo.UserID)
|
|
|
|
|
uni.request({
|
|
uni.request({
|
|
|
url: mydata_api + "/item/getitemlist",
|
|
url: mydata_api + "/item/getitemlist",
|
|
|
data: {
|
|
data: {
|
|
@@ -220,18 +144,10 @@
|
|
|
method: "POST",
|
|
method: "POST",
|
|
|
dataType: "json",
|
|
dataType: "json",
|
|
|
success: res => {
|
|
success: res => {
|
|
|
- // console.log('res=',res)
|
|
|
|
|
- let items = res.data.Items;
|
|
|
|
|
- console.log('全部=',items)
|
|
|
|
|
-
|
|
|
|
|
- items.forEach(item=>{
|
|
|
|
|
- let data = {};
|
|
|
|
|
- data.src = item.Texture_Url;
|
|
|
|
|
- data.name = item.Name;
|
|
|
|
|
- data.fbx = item.Fbx_Url;
|
|
|
|
|
- this.allContentArr.push(data);
|
|
|
|
|
-
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // console.log('res111111111=',res)
|
|
|
|
|
+ this.allContentArr = res.data.Items;
|
|
|
|
|
+ // let items = res.data.Items;
|
|
|
|
|
+ console.log('全部=',res.data.Items)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
//道具
|
|
//道具
|
|
@@ -246,16 +162,10 @@
|
|
|
method: "POST",
|
|
method: "POST",
|
|
|
dataType: "json",
|
|
dataType: "json",
|
|
|
success: res => {
|
|
success: res => {
|
|
|
- let items = res.data.Items;
|
|
|
|
|
- console.log('道具=',items)
|
|
|
|
|
|
|
|
|
|
- items.forEach(item=>{
|
|
|
|
|
- let data = {};
|
|
|
|
|
- data.src = item.Texture_Url;
|
|
|
|
|
- data.name = item.Name;
|
|
|
|
|
- data.fbx = item.Fbx_Url;
|
|
|
|
|
- this.itemArr.push(data);
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ this.itemArr = res.data.Items;
|
|
|
|
|
+ // let items = res.data.Items;
|
|
|
|
|
+ // console.log('道具=',items)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -271,16 +181,10 @@
|
|
|
method: "POST",
|
|
method: "POST",
|
|
|
dataType: "json",
|
|
dataType: "json",
|
|
|
success: res => {
|
|
success: res => {
|
|
|
- let items = res.data.Items;
|
|
|
|
|
- console.log('角色=',items)
|
|
|
|
|
|
|
+ this.charactorArr = res.data.Items;
|
|
|
|
|
|
|
|
- items.forEach(item=>{
|
|
|
|
|
- let data = {};
|
|
|
|
|
- data.src = item.Texture_Url;
|
|
|
|
|
- data.name = item.Name;
|
|
|
|
|
- data.fbx = item.Fbx_Url;
|
|
|
|
|
- this.charactorArr.push(data);
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ // let items = res.data.Items;
|
|
|
|
|
+ // console.log('角色=',items)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -296,115 +200,185 @@
|
|
|
method: "POST",
|
|
method: "POST",
|
|
|
dataType: "json",
|
|
dataType: "json",
|
|
|
success: res => {
|
|
success: res => {
|
|
|
- let items = res.data.Items;
|
|
|
|
|
- console.log('场景=',items)
|
|
|
|
|
|
|
|
|
|
- items.forEach(item=>{
|
|
|
|
|
- let data = {};
|
|
|
|
|
- data.src = item.Texture_Url;
|
|
|
|
|
- data.name = item.Name;
|
|
|
|
|
- data.fbx = item.Fbx_Url;
|
|
|
|
|
- this.sceneArr.push(data);
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ this.sceneArr = res.data.Items;
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- previewImage(url){
|
|
|
|
|
- uni.downloadFile({
|
|
|
|
|
- url:url,
|
|
|
|
|
- success: (res) => {
|
|
|
|
|
- if (res.statusCode === 200) {
|
|
|
|
|
- uni.openDocument({
|
|
|
|
|
- filePath: res.tempFilePath,
|
|
|
|
|
- // 如果文件名包含中文,建议使用escape(res.tempFilePath)转码,防止ios和安卓客户端导致的差异
|
|
|
|
|
- success: function(res) {
|
|
|
|
|
- console.log('打开文档成功');
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- bindPickerChange(e) {
|
|
|
|
|
- this.index = e.target.value
|
|
|
|
|
- },
|
|
|
|
|
- change(e) {
|
|
|
|
|
- if (this.act == e) {
|
|
|
|
|
- this.act = -1;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.act = e;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- change1(e) {
|
|
|
|
|
- if (this.act1 == e) {
|
|
|
|
|
- this.act1 = -1;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.act1 = e;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- change2(e) {
|
|
|
|
|
- if (this.act2 == e) {
|
|
|
|
|
- this.act2 = -1;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.act2 = e;
|
|
|
|
|
|
|
+ // previewImage(url){
|
|
|
|
|
+ // uni.downloadFile({
|
|
|
|
|
+ // url:url,
|
|
|
|
|
+ // success: (res) => {
|
|
|
|
|
+ // if (res.statusCode === 200) {
|
|
|
|
|
+ // uni.openDocument({
|
|
|
|
|
+ // filePath: res.tempFilePath,
|
|
|
|
|
+ // // 如果文件名包含中文,建议使用escape(res.tempFilePath)转码,防止ios和安卓客户端导致的差异
|
|
|
|
|
+ // success: function(res) {
|
|
|
|
|
+ // console.log('打开文档成功');
|
|
|
|
|
+ // }
|
|
|
|
|
+ // });
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // });
|
|
|
|
|
+ // },
|
|
|
|
|
+ viewDetail(e) {
|
|
|
|
|
+ let index = parseInt(e);
|
|
|
|
|
+ let aItem = this.allContentArr[index];
|
|
|
|
|
+ console.log('aItem=',aItem)
|
|
|
|
|
+ if(aItem)
|
|
|
|
|
+ {
|
|
|
|
|
+ this.imageUrl = aItem.Texture_Url;
|
|
|
|
|
+
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ true, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+
|
|
|
|
|
+ this.creatorName = aItem.CreateUserName;
|
|
|
|
|
+ this.ItemName = aItem.Name;
|
|
|
|
|
+ this.uploadTime = aItem.UploadTime;
|
|
|
|
|
+ this.fbx_url = aItem.Fbx_Url;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- change3(e) {
|
|
|
|
|
- if (this.act3 == e) {
|
|
|
|
|
- this.act3 = -1;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.act3 = e;
|
|
|
|
|
|
|
+ viewDetail0(e) {
|
|
|
|
|
+ let index = parseInt(e);
|
|
|
|
|
+
|
|
|
|
|
+ let aItem = this.charactorArr[index];
|
|
|
|
|
+ if(aItem)
|
|
|
|
|
+ {
|
|
|
|
|
+ this.imageUrl = aItem.Texture_Url;
|
|
|
|
|
+
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ true, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+ this.creatorName=aItem.CreateUserName;
|
|
|
|
|
+ this.ItemName = aItem.Name;
|
|
|
|
|
+ this.uploadTime = aItem.UploadTime;
|
|
|
|
|
+ this.fbx_url = aItem.Fbx_Url;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- preview(e) {
|
|
|
|
|
- // allContentArr:[],
|
|
|
|
|
- // itemArr:[],
|
|
|
|
|
- // charactorArr:[],
|
|
|
|
|
- // sceneArr:[],
|
|
|
|
|
-
|
|
|
|
|
- // console.log('this.allContentArr=',this.allContentArr);
|
|
|
|
|
- // console.log('typeof(e)=',typeof(e),'=',e);
|
|
|
|
|
|
|
+ viewDetail1(e) {
|
|
|
let index = parseInt(e);
|
|
let index = parseInt(e);
|
|
|
- console.log('index=',typeof(index),'=',index);
|
|
|
|
|
-
|
|
|
|
|
- if(this.allContentArr[index])
|
|
|
|
|
|
|
+ let aItem = this.sceneArr[index];
|
|
|
|
|
+ if(aItem)
|
|
|
{
|
|
{
|
|
|
- // console.log('this.allContentArr[index]=',this.allContentArr[index]);
|
|
|
|
|
- console.log('src=',this.allContentArr[index].src);
|
|
|
|
|
- this.previewImage(this.allContentArr[index].src);
|
|
|
|
|
|
|
+ this.imageUrl = aItem.Texture_Url;
|
|
|
|
|
+
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ true, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+ this.creatorName=aItem.CreateUserName;
|
|
|
|
|
+ this.ItemName = aItem.Name;
|
|
|
|
|
+ this.uploadTime = aItem.UploadTime;
|
|
|
|
|
+ this.fbx_url = aItem.Fbx_Url;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- dowload(e) {
|
|
|
|
|
|
|
+ viewDetail2(e) {
|
|
|
let index = parseInt(e);
|
|
let index = parseInt(e);
|
|
|
- console.log('index=',typeof(index),'=',index);
|
|
|
|
|
|
|
+ let aItem = this.itemArr[index];
|
|
|
|
|
|
|
|
- if(this.allContentArr[index])
|
|
|
|
|
|
|
+ if(aItem)
|
|
|
{
|
|
{
|
|
|
- console.log('fbx=',this.allContentArr[index].fbx);
|
|
|
|
|
- window.location.href = this.allContentArr[index].fbx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ this.imageUrl = aItem.Texture_Url;
|
|
|
|
|
|
|
|
- },
|
|
|
|
|
- preview1(e) {
|
|
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ true, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
|
|
|
|
|
+ this.creatorName=aItem.CreateUserName;
|
|
|
|
|
+ this.ItemName = aItem.Name;
|
|
|
|
|
+ this.uploadTime = aItem.UploadTime;
|
|
|
|
|
+ this.fbx_url = aItem.Fbx_Url;
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
- dowload1(e) {
|
|
|
|
|
|
|
+ more0(){
|
|
|
|
|
|
|
|
- },
|
|
|
|
|
- preview2(e) {
|
|
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ true, //more
|
|
|
|
|
+ ]
|
|
|
|
|
|
|
|
|
|
+ this.bShowImg = [
|
|
|
|
|
+ true, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+ this.detailArr=this.charactorArr;//.itemArr;
|
|
|
},
|
|
},
|
|
|
- dowload2(e) {
|
|
|
|
|
|
|
+ more1(){
|
|
|
|
|
|
|
|
- },
|
|
|
|
|
- preview3(e) {
|
|
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ true, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+
|
|
|
|
|
+ this.bShowImg = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ true, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+
|
|
|
|
|
+ this.detailArr=this.sceneArr;//charactorArr;
|
|
|
|
|
|
|
|
},
|
|
},
|
|
|
- dowload3(e) {
|
|
|
|
|
|
|
+ more2(){
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ true, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+
|
|
|
|
|
+ this.bShowImg = [
|
|
|
|
|
+ false, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ true, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+
|
|
|
|
|
+ this.detailArr=this.itemArr;
|
|
|
|
|
|
|
|
|
|
+ console.log('this.detailArr=',this.detailArr);
|
|
|
|
|
+ },
|
|
|
|
|
+ detailBack(){
|
|
|
|
|
+ this.bShow = [
|
|
|
|
|
+ true, //normal
|
|
|
|
|
+ false, //detail
|
|
|
|
|
+ false, //more
|
|
|
|
|
+ ]
|
|
|
|
|
+ },
|
|
|
|
|
+ dowload() {
|
|
|
|
|
+ window.location.href = this.fbx_url;
|
|
|
}
|
|
}
|
|
|
|
|
+ // preview(e) {
|
|
|
|
|
+ // let index = parseInt(e);
|
|
|
|
|
+ // console.log('index=',typeof(index),'=',index);
|
|
|
|
|
+
|
|
|
|
|
+ // if(this.allContentArr[index])
|
|
|
|
|
+ // {
|
|
|
|
|
+ // // console.log('this.allContentArr[index]=',this.allContentArr[index]);
|
|
|
|
|
+ // console.log('src=',this.allContentArr[index].src);
|
|
|
|
|
+ // this.previewImage(this.allContentArr[index].src);
|
|
|
|
|
+ // }
|
|
|
|
|
+ // },
|
|
|
|
|
+ // dowload(e) {
|
|
|
|
|
+ // let index = parseInt(e);
|
|
|
|
|
+ // console.log('index=',typeof(index),'=',index);
|
|
|
|
|
+
|
|
|
|
|
+ // if(this.allContentArr[index])
|
|
|
|
|
+ // {
|
|
|
|
|
+ // console.log('fbx=',this.allContentArr[index].fbx);
|
|
|
|
|
+ // window.location.href = this.allContentArr[index].fbx;
|
|
|
|
|
+ // }
|
|
|
|
|
+
|
|
|
|
|
+ // },
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
@@ -413,211 +387,401 @@
|
|
|
.s_container {
|
|
.s_container {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_logo {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 400rpx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- .m_btn_download {
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- line-height: 80rpx;
|
|
|
|
|
- padding: 0 70rpx;
|
|
|
|
|
- background: #EA252C;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- font-family: MicrosoftYaHei;
|
|
|
|
|
|
|
+ .s_content_container {
|
|
|
|
|
+ width: 96%;
|
|
|
|
|
+ height: 96%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+
|
|
|
|
|
+ border-bottom: 3rpx solid #D7D7D7;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.s_search {
|
|
.s_search {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 3%;
|
|
|
|
|
+
|
|
|
|
|
+ margin-top: 3%;
|
|
|
|
|
+
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .s_search_img_logo{
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ margin-right: 1%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.s_search_input {
|
|
.s_search_input {
|
|
|
- border: 2rpx solid #DDDDDD;
|
|
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 80rpx;
|
|
|
|
|
- line-height: 80rpx;
|
|
|
|
|
- padding: 0 60rpx;
|
|
|
|
|
|
|
+ height: 100%;
|
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
|
- font-size: 20rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .s_content_container {
|
|
|
|
|
- padding: 40rpx 100rpx;
|
|
|
|
|
|
|
+ font-size: 20rpx;
|
|
|
|
|
+ border: 2rpx solid #DDDDDD;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.s_btn_search {
|
|
.s_btn_search {
|
|
|
width: 130rpx;
|
|
width: 130rpx;
|
|
|
- height: 80rpx;
|
|
|
|
|
|
|
+ height: 100%;
|
|
|
line-height: 80rpx;
|
|
line-height: 80rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
|
|
|
|
+ margin-left: 1%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_search_condition {
|
|
|
|
|
- background-color: #F9F9F9;
|
|
|
|
|
- margin-top: 40rpx;
|
|
|
|
|
- height: 100rpx;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .content{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .m_select {
|
|
|
|
|
- width: 300rpx;
|
|
|
|
|
- line-height: 80rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .uni-list-cell-db {
|
|
|
|
|
- width: 300rpx;
|
|
|
|
|
- // height: 100rpx;
|
|
|
|
|
- line-height: 100rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- .uni-selector-select .uni-picker-item.selected {
|
|
|
|
|
- color: red;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .uni-input {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .s_search_condition {
|
|
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-items: start;
|
|
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+
|
|
|
|
|
+ margin-top: 1%;
|
|
|
|
|
+ margin-bottom: 1%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .uni-list {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .uni-list::after {
|
|
|
|
|
- content: url(../../assets/learning/icon_ylrz_arrow.png);
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- right: 0;
|
|
|
|
|
- top: 50%;
|
|
|
|
|
- transform: translateY(-50%);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .s_image_text {
|
|
|
|
|
- margin-left: 20rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .s_top_img {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .top-dispaly-block {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 30%;
|
|
|
|
|
+
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
- padding-bottom: 80rpx;
|
|
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
border-bottom: 3rpx solid #D7D7D7;
|
|
border-bottom: 3rpx solid #D7D7D7;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_top_content {
|
|
|
|
|
- margin-top: 40rpx;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .top_content {
|
|
|
width: 30%;
|
|
width: 30%;
|
|
|
- position: relative;
|
|
|
|
|
|
|
+ height: 90%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ margin-right: 1%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_top_image {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .top_image{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_top_title {
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: 40rpx;
|
|
|
|
|
- font-size: 2.0rem;
|
|
|
|
|
- line-height: 100rpx;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .s_content_block {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- text-align: left;
|
|
|
|
|
- margin-left: 50rpx;
|
|
|
|
|
|
|
+ height: 20%;
|
|
|
|
|
+ margin-bottom: 3%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.s_img_title {
|
|
.s_img_title {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
line-height: 200rpx;
|
|
line-height: 200rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* .s_top_image {
|
|
|
|
|
- width: 400rpx;
|
|
|
|
|
- } */
|
|
|
|
|
-
|
|
|
|
|
- .s_img_image {
|
|
|
|
|
|
|
+
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- position: relative;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- /* .s_image {
|
|
|
|
|
- margin-right: 40rpx; */
|
|
|
|
|
-
|
|
|
|
|
- /* height: 550rpx; */
|
|
|
|
|
- /* } */
|
|
|
|
|
-
|
|
|
|
|
- .s_img_1 {
|
|
|
|
|
- padding-bottom: 80rpx;
|
|
|
|
|
- border-bottom: 3rpx solid #D7D7D7;
|
|
|
|
|
|
|
+ justify-content: left;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_img_left {
|
|
|
|
|
- padding-right: 130rpx;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .s_img_image_block {
|
|
|
|
|
+
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-around;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.s_img_content {
|
|
.s_img_content {
|
|
|
- position: relative;
|
|
|
|
|
- padding: 10rpx;
|
|
|
|
|
- /* display: flex; */
|
|
|
|
|
- /* justify-content: left; */
|
|
|
|
|
- /* justify-items: center; */
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .ab_image{
|
|
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: left;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .s_image_block{
|
|
|
|
|
+ margin-right: 1%;
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.s_image {
|
|
.s_image {
|
|
|
- /* width: 100%;
|
|
|
|
|
- height: 100%; */
|
|
|
|
|
width: 350rpx;
|
|
width: 350rpx;
|
|
|
height: 350rpx;
|
|
height: 350rpx;
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_operation {
|
|
|
|
|
- /* position: absolute;
|
|
|
|
|
- bottom: -10rpx;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- width: 100%; */
|
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- /* margin-right: 40rpx; */
|
|
|
|
|
- background-color: #dbd9d9;
|
|
|
|
|
- padding: 10rpx 20rpx;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .s_operation img {
|
|
|
|
|
- margin-left: 20rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.v-left {
|
|
.v-left {
|
|
|
- position: absolute;
|
|
|
|
|
width: 25rpx;
|
|
width: 25rpx;
|
|
|
height: 50rpx;
|
|
height: 50rpx;
|
|
|
- right: -100rpx;
|
|
|
|
|
- top: 50%;
|
|
|
|
|
- transform: translateY(-50%);
|
|
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .s_search_img_input {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .detail{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- left: 20rpx;
|
|
|
|
|
- top: 50%;
|
|
|
|
|
- width: 30rpx;
|
|
|
|
|
- transform: translateY(-50%);
|
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+ .detailBack{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 3%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ margin-top:60%;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .detailBack text{
|
|
|
|
|
+ width: 30%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ border: 1rpx solid #000000;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .creator-info-block{
|
|
|
|
|
+ width: 30%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .firstLine{
|
|
|
|
|
+ height: 8%;
|
|
|
|
|
+ margin-left: 10%;
|
|
|
|
|
+ margin-top: 30%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+ .avatar{
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ .creatorName{
|
|
|
|
|
+ font-size: 50rpx;
|
|
|
|
|
+ color: #A27452;
|
|
|
|
|
+ margin-left: 5%;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .secondLine{
|
|
|
|
|
+ height: 4%;
|
|
|
|
|
+ margin-left: 10%;
|
|
|
|
|
+ margin-top: 10%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .secondLine-block1{
|
|
|
|
|
+ background-image:url( "../../assets/home/simulationLibrary/Bg.png");
|
|
|
|
|
+ background-size: 90% 90%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+
|
|
|
|
|
+ width:48%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .Star{
|
|
|
|
|
+ background-image:url( "../../assets/home/simulationLibrary/Start.png");
|
|
|
|
|
+ background-size: 99% 99%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ width:10%;
|
|
|
|
|
+ height: 50%;
|
|
|
|
|
+
|
|
|
|
|
+ margin-left: 10%;
|
|
|
|
|
+ margin-bottom: 2%;
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .CollectionAuth{
|
|
|
|
|
+ color: #000000;
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+
|
|
|
|
|
+ width:80%;
|
|
|
|
|
+ height: 80%;
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ margin-right: 1%;
|
|
|
|
|
+ margin-bottom: 2%;
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .secondLine-block2{
|
|
|
|
|
+ background-image:url( "../../assets/home/simulationLibrary/Block2.png");
|
|
|
|
|
+ background-size: 90% 90%;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+
|
|
|
|
|
+ width:48%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ color: #000000;
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .secondLine-block2 text{
|
|
|
|
|
+ margin-right: 10%;
|
|
|
|
|
+ margin-bottom: 1%;
|
|
|
|
|
+ color: #000000;
|
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
|
+ /* border: 1rpx solid #000000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ .detail-block{
|
|
|
|
|
+ width: 70%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+
|
|
|
|
|
+ border: 1rpx solid #000000;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /* img{
|
|
|
|
|
|
|
+ .DefaultDisplayImg-block{
|
|
|
|
|
+ width: 90%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ margin-top: 20%;
|
|
|
|
|
+ margin-bottom: 5%;
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .DefaultDisplayImg-block image{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- } */
|
|
|
|
|
|
|
+ /* height: 80%; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .Label-block{
|
|
|
|
|
+ width:70%;
|
|
|
|
|
+ height:10%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+
|
|
|
|
|
+ margin-bottom: 10%;
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .more{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 80%;
|
|
|
|
|
+ height: 80%;
|
|
|
|
|
+ /* background-color: #000000; */
|
|
|
|
|
+ /* background-color: #FFFFFF; */
|
|
|
|
|
+
|
|
|
|
|
+ /* display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: column; */
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .detail_image_block{
|
|
|
|
|
+
|
|
|
|
|
+ width:30%;
|
|
|
|
|
+ /* height:90%; */
|
|
|
|
|
+
|
|
|
|
|
+ /* display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+ flex-direction: row; */
|
|
|
|
|
+
|
|
|
|
|
+ /* border: 1rpx solid #ff0000; */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .detail_image{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 350rpx;
|
|
|
|
|
+ height: 350rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .ListBack{
|
|
|
|
|
+ width: 5%;
|
|
|
|
|
+ height: 3%;
|
|
|
|
|
+
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ align-items:center;
|
|
|
|
|
+
|
|
|
|
|
+ margin-bottom: 5%;
|
|
|
|
|
+ border: 1rpx solid #000000;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|