Commit 43cbb76d authored by salitedfish's avatar salitedfish

bug修复

parent 4a2cecd0
NODE_ENV = DEVELOPMENT NODE_ENV = DEVELOPMENT
VUE_APP_ENV = DEVELOPMENT VUE_APP_ENV = DEVELOPMENT
VUE_APP_TITLE=开发版本 VUE_APP_TITLE=开发版本
VUE_APP_URL = http://172.16.101.136:8001 VUE_APP_URL = http://172.16.101.135:8001
\ No newline at end of file \ No newline at end of file
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
v-model="inputValue" v-model="inputValue"
type="text" type="text"
maxlength="16" maxlength="16"
class="bg-transparent" class="bg-transparent w-60"
:placeholder="placeholder" :placeholder="placeholder"
@input="cellOnChange" @input="cellOnChange"
/> />
...@@ -110,7 +110,8 @@ ...@@ -110,7 +110,8 @@
</div> </div>
<div ref="btn" @click="handleClickCopy(name)" class="copyBtn ml-1" > <div ref="btn" @click="handleClickCopy(name)" class="copyBtn ml-1" >
<app-icon name="icon-fuzhi" size="18px"></app-icon> <img src="@/assets/icons/copy.png" class=" max-h-5" alt="">
<!-- <app-icon name="icon-fuzhi" size="18px"></app-icon> -->
</div> </div>
</div> </div>
</div> </div>
......
...@@ -86,6 +86,7 @@ export default Vue.extend({ ...@@ -86,6 +86,7 @@ export default Vue.extend({
goDetail(id:any,officia?:string){ goDetail(id:any,officia?:string){
console.log(id); console.log(id);
this.$router.push({ name: 'Nftdetail', params: { id: id }, query:{officia:officia}}) this.$router.push({ name: 'Nftdetail', params: { id: id }, query:{officia:officia}})
// this.$router.push({ name: 'Nftdetail', params: { id : '4' }, query:{officia:officia}})
}, },
async getDataByCategory(item:any){ async getDataByCategory(item:any){
console.log(item); console.log(item);
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<SkeletonNftDetail v-if="showSkelton" /> <SkeletonNftDetail v-if="showSkelton" />
<div v-if="$route.query.officia"> <div v-if="$route.query.officia">
<div class="h-80"> <div class="h-80">
<img :src="nftData.cover" alt="" /> <img class=" max-h-72 mx-auto" src="@/assets/img/NFTCover.png" alt="" />
</div> </div>
<div> <div>
{{ nftData.name }} {{ nftData.name }}
...@@ -27,12 +27,18 @@ ...@@ -27,12 +27,18 @@
纪念版NFT只能进行转让,不能进行交易。最终解释权归平台所有。 纪念版NFT只能进行转让,不能进行交易。最终解释权归平台所有。
</div> </div>
</div> </div>
<div v-else-if="nftData.isCommemorate == 1">
<div class="h-80 flex items-center">
<img class=" max-h-72 mx-auto" src="@/assets/img/NFTCover.png" alt="" />
</div>
</div>
<app-collectionCard :colletionData="nftData" v-else></app-collectionCard> <app-collectionCard :colletionData="nftData" v-else></app-collectionCard>
<div class="app-icons mx-auto grid grid-cols-4 my-6" v-if="isOwner"> <div class="app-icons mx-auto flex justify-around my-6" v-if="isOwner">
<div <div
v-for="(i, index) in apps" v-for="(i, index) in (nftData.isCommemorate == 0?apps:ComApps)"
:key="index" :key="index + nftData.isCommemorate"
class="flex justify-center" class="flex justify-center "
> >
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<div class="flex content-center"> <div class="flex content-center">
...@@ -300,11 +306,24 @@ const apps = [ ...@@ -300,11 +306,24 @@ const apps = [
}, },
]; ];
const ComApps = [
{
text: "NFT转让",
icon: atupian,
action: "pushToTransfer",
},
{
text: "查看证书",
icon: BOSSyingyetingchushi,
},
];
export default Vue.extend({ export default Vue.extend({
data() { data() {
return { return {
id: this.$route.params.id, id: this.$route.params.id,
apps, apps,
ComApps,
showoverlay: false, showoverlay: false,
showSkelton: true, showSkelton: true,
nftData: {} as any, nftData: {} as any,
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
{{getUserInfo.wallet}} {{getUserInfo.wallet}}
</div> </div>
<div> <div>
<app-btn text='复制地址' class=" bg-font-blue" @click.native="copyAddr(getUserInfo.wallet)"></app-btn> <app-btn text='复制地址' class="copyBtn bg-font-blue" @click.native="copyAddr(getUserInfo.wallet)"></app-btn>
</div> </div>
</div> </div>
</div> </div>
...@@ -61,6 +61,8 @@ ...@@ -61,6 +61,8 @@
<script lang="ts"> <script lang="ts">
import Vue from "vue"; import Vue from "vue";
import { ActionSheet } from 'vant'; import { ActionSheet } from 'vant';
import ClipboardJS from "clipboard";
Vue.use(ActionSheet); Vue.use(ActionSheet);
export default Vue.extend({ export default Vue.extend({
...@@ -115,9 +117,24 @@ export default Vue.extend({ ...@@ -115,9 +117,24 @@ export default Vue.extend({
openAction(){ openAction(){
this.showAction = true; this.showAction = true;
}, },
copyAddr(addr:any){ copyAddr(addr:any){
this.$util.cliboard(addr); // console.log(2222)
this.$toast("复制成功"); let clipboard = new ClipboardJS('.copyBtn', {
text: function() {
return addr.toString();
}
});
clipboard.on("success", (e)=>{
this.$toast("复制成功~");
e.clearSelection();
});
clipboard.on("error", ()=>{
this.$toast("复制失败~");
});
// this.$util.cliboard(addr);
// this.$toast("复制成功");
}, },
indexOnchange(id:any){ indexOnchange(id:any){
console.log(id); console.log(id);
......
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