|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="s_container">
|
|
<view class="s_container">
|
|
|
- <image src="../../assets/home/simulationLibrary/topImg.png" class="s_logo" mode=""></image>
|
|
|
|
|
|
|
+ <!-- <image src="../../assets/home/simulationLibrary/topImg.png" class="s_logo" mode=""></image> -->
|
|
|
<view class="s_content_container">
|
|
<view class="s_content_container">
|
|
|
<view class="s_search" style="">
|
|
<view class="s_search" style="">
|
|
|
<view class="" style="position: relative;width: 100%;">
|
|
<view class="" style="position: relative;width: 100%;">
|
|
@@ -71,11 +71,7 @@
|
|
|
<view class="s_img_left">
|
|
<view class="s_img_left">
|
|
|
<view class="s_top_img">
|
|
<view class="s_top_img">
|
|
|
<view class="s_top_content" v-for="(item,index) in allContentArr" :key="index">
|
|
<view class="s_top_content" v-for="(item,index) in allContentArr" :key="index">
|
|
|
- <!-- <img :src="item.src" class="s_top_image" mode=""></img>
|
|
|
|
|
- <view class="s_top_title">
|
|
|
|
|
- {{item.name}}
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <img :src="item.src" class="s_image" mode="" @click="change(index)"></img>
|
|
|
|
|
|
|
+ <img :src="item.src" class="ab_image" mode="" @click="change(index)"></img>
|
|
|
<view class="s_operation" v-show="index==act">
|
|
<view class="s_operation" v-show="index==act">
|
|
|
<text>{{item.name}}</text>
|
|
<text>{{item.name}}</text>
|
|
|
<view>
|
|
<view>
|
|
@@ -86,23 +82,7 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</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="s_img">
|
|
<view class="s_img">
|
|
|
<view class="s_img_title" v-text="'角色'"></view>
|
|
<view class="s_img_title" v-text="'角色'"></view>
|
|
|
<view class="s_img_image">
|
|
<view class="s_img_image">
|
|
@@ -137,6 +117,24 @@
|
|
|
<img src="../../assets/home/left.png" class="v-left" alt="">
|
|
<img src="../../assets/home/left.png" class="v-left" alt="">
|
|
|
</view>
|
|
</view>
|
|
|
</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>
|
|
</view>
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
@@ -167,6 +165,49 @@
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
init() {
|
|
init() {
|
|
|
|
|
+ //临时
|
|
|
|
|
+ this.allContentArr.length = 0;
|
|
|
|
|
+ this.itemArr.length = 0;
|
|
|
|
|
+ this.charactorArr.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)
|
|
console.log('simulationLibrary=',mydata_userInfo.UserID)
|
|
|
uni.request({
|
|
uni.request({
|
|
|
url: mydata_api + "/item/getitemlist",
|
|
url: mydata_api + "/item/getitemlist",
|
|
@@ -266,8 +307,7 @@
|
|
|
this.sceneArr.push(data);
|
|
this.sceneArr.push(data);
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
- })
|
|
|
|
|
-
|
|
|
|
|
|
|
+ })
|
|
|
},
|
|
},
|
|
|
previewImage(url){
|
|
previewImage(url){
|
|
|
uni.downloadFile({
|
|
uni.downloadFile({
|
|
@@ -380,10 +420,7 @@
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 400rpx;
|
|
height: 400rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_btn_download {
|
|
.m_btn_download {
|
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
|
line-height: 80rpx;
|
|
@@ -534,8 +571,15 @@
|
|
|
/* justify-items: center; */
|
|
/* justify-items: center; */
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .s_image {
|
|
|
|
|
|
|
+ .ab_image{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .s_image {
|
|
|
|
|
+ /* width: 100%;
|
|
|
|
|
+ height: 100%; */
|
|
|
|
|
+ width: 350rpx;
|
|
|
|
|
+ height: 350rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.s_operation {
|
|
.s_operation {
|
|
@@ -572,4 +616,8 @@
|
|
|
width: 30rpx;
|
|
width: 30rpx;
|
|
|
transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ /* img{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ } */
|
|
|
</style>
|
|
</style>
|