fix
This commit is contained in:
huangjinming
parent
94ada755d8
commit
0ef78aacef
@ -1,22 +1,22 @@
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
|
||||
"postcss-px-to-viewport": {
|
||||
unitToConvert: "px", // 要转化的单位
|
||||
viewportWidth: 1080, // UI设计稿的宽度
|
||||
unitPrecision: 6, // 转换后的精度，即小数点位数
|
||||
propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
|
||||
viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
|
||||
fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
|
||||
selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
|
||||
minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
|
||||
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
|
||||
replace: true, // 是否转换后直接更换属性值
|
||||
exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
|
||||
landscape: false // 是否处理横屏情况
|
||||
},
|
||||
// module.exports = {
|
||||
// plugins: {
|
||||
// autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
|
||||
// "postcss-px-to-viewport": {
|
||||
// unitToConvert: "px", // 要转化的单位
|
||||
// viewportWidth: 1080, // UI设计稿的宽度
|
||||
// unitPrecision: 6, // 转换后的精度，即小数点位数
|
||||
// propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
|
||||
// viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
|
||||
// fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
|
||||
// selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
|
||||
// minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
|
||||
// mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
|
||||
// replace: true, // 是否转换后直接更换属性值
|
||||
// exclude: [/\/src\/views\/desktop\//], // 设置忽略文件，用正则做目录名匹配
|
||||
// landscape: false // 是否处理横屏情况
|
||||
// },
|
||||
|
||||
}
|
||||
};
|
||||
// }
|
||||
// };
|
||||
|
||||
|
||||
@ -431,6 +431,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$fontSize-color:#ffffff;
|
||||
.contents {
|
||||
::v-deep .el-dialog,
|
||||
.el-pager li {
|
||||
@ -507,7 +508,7 @@ export default {
|
||||
.hill-name {
|
||||
font-size: 47px;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
color:$fontSize-color;
|
||||
}
|
||||
.name {
|
||||
font-size: 17px;
|
||||
@ -516,13 +517,13 @@ export default {
|
||||
bottom: -11px;
|
||||
font-family: "OPPOSans";
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
margin-left: 33px;
|
||||
}
|
||||
}
|
||||
.hero-right-token {
|
||||
width: 353px;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
right: 0px;
|
||||
.token-name {
|
||||
text-align: center;
|
||||
@ -530,7 +531,7 @@ export default {
|
||||
font-size: 34px;
|
||||
margin-bottom: 11px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
}
|
||||
.token-id {
|
||||
margin-top: 36px;
|
||||
@ -550,7 +551,7 @@ export default {
|
||||
width: 33%;
|
||||
margin-left: 25px;
|
||||
margin-top: 36px;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
right: 0px;
|
||||
.hero-hp {
|
||||
width: 409px;
|
||||
@ -570,13 +571,13 @@ export default {
|
||||
font-size: 24px;
|
||||
font-family: "Bahnschrift";
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
.item {
|
||||
display: flex;
|
||||
font-size: 24px;
|
||||
font-family: "Bahnschrift";
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
.item-img {
|
||||
margin-right: 26px;
|
||||
}
|
||||
@ -610,7 +611,7 @@ export default {
|
||||
font-size: 22px;
|
||||
font-family: "Bahnschrift";
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
margin-top: 13px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
@ -641,7 +642,7 @@ export default {
|
||||
font-family: "Arciform";
|
||||
font-weight: 400;
|
||||
margin-right: 30px;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
background: url("../../assets/market/hero/price.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.price-number {
|
||||
@ -661,7 +662,7 @@ export default {
|
||||
text-align: center;
|
||||
font-size: 44px;
|
||||
line-height: 89px;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
background: url("../../assets/market/chip/sell-btn.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
@ -701,7 +702,7 @@ export default {
|
||||
font-size: 63px;
|
||||
font-family: "SairaStencilOne";
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: $fontSize-color;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
|
||||
@ -15,14 +15,14 @@
|
||||
/>
|
||||
<img
|
||||
class="hero-img"
|
||||
v-else
|
||||
v-else-if="data.c_id"
|
||||
:src="
|
||||
require('@/assets/market/chip/details/' + data.c_id + '_full.png')
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="hero-name">
|
||||
<div class="hero-name" v-if="data.detail">
|
||||
{{ data.detail.chip_name }}
|
||||
</div>
|
||||
</div>
|
||||
@ -45,7 +45,7 @@
|
||||
<div class="priece" v-else>
|
||||
<div class="priece-btn">
|
||||
<div class="priece-number">
|
||||
{{formatPriceShow(data.s_price,18) }}
|
||||
{{ formatPriceShow(data.s_price, 18) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -59,11 +59,11 @@
|
||||
import { formatPrice } from "@/utils/chain.util";
|
||||
export default {
|
||||
props: ["data", "isBuy"],
|
||||
methods:{
|
||||
methods: {
|
||||
formatPriceShow(price, decimals, fixed = 2) {
|
||||
return formatPrice(price, decimals, fixed);
|
||||
},
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
@ -19,8 +19,16 @@
|
||||
</div>
|
||||
<div class="chip-bg">
|
||||
<img
|
||||
v-if="piece.detail"
|
||||
:src="
|
||||
require('@/assets/market/piece/' + piece.detail.item_id + '.png')
|
||||
require('@/assets/market/piece/' + piece.detail.token_id + '.png')
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
<img
|
||||
v-else-if="piece.token_id"
|
||||
:src="
|
||||
require('@/assets/market/piece/' + piece.token_id + '.png')
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
|
||||
@ -76,6 +76,7 @@ import PieceSellTop from "./PieceSellTop.vue";
|
||||
import WeaponSellTop from "./WeaponSellTop.vue";
|
||||
import { formatPrice } from "@/utils/chain.util";
|
||||
import { AppModule } from "@/store/modules/app";
|
||||
import { UserModule } from "@/store/modules/user";
|
||||
import { CONTRACT_ADDRESS } from "@/configs/config_chain";
|
||||
import ChainManager from "@/chain/ChainManager";
|
||||
export default {
|
||||
@ -103,6 +104,11 @@ export default {
|
||||
created() {
|
||||
console.log(this.hero, "hero");
|
||||
},
|
||||
computed: {
|
||||
logined() {
|
||||
return !!UserModule.token && !!AppModule.step;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
closeTip() {
|
||||
// 分发自定义事件(事件名: closeTip)
|
||||
@ -110,6 +116,9 @@ export default {
|
||||
this.detailVisible = false;
|
||||
},
|
||||
async haldBuy() {
|
||||
if (!this.logined) {
|
||||
await this.chainManager.login();
|
||||
}
|
||||
try {
|
||||
this.showLoading();
|
||||
const nftres = await this.chainManager.bc.beginApproveBuy(
|
||||
|
||||
@ -13,13 +13,13 @@
|
||||
/>
|
||||
<img
|
||||
class="weapon-img"
|
||||
v-else
|
||||
v-if="data.c_id"
|
||||
width="331px"
|
||||
:src="require('@/assets/market/weapon/' + data.c_id + '.png')"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="weapon-name">
|
||||
<div class="weapon-name" v-if="data.detail">
|
||||
{{ data.detail.gun_name }}
|
||||
</div>
|
||||
</div>
|
||||
@ -27,7 +27,7 @@
|
||||
<div class="weapon-userinfo">
|
||||
<div class="srabded">
|
||||
<div>Token id</div>
|
||||
<div>#{{ data.detail.token_id }}</div>
|
||||
<div >#{{ data.token_id}}</div>
|
||||
</div>
|
||||
<div class="token-amount">
|
||||
<div class="token-id">
|
||||
@ -50,7 +50,7 @@
|
||||
<div class="token-amount">
|
||||
<div class="token-id-buy">
|
||||
<div>Token id</div>
|
||||
<div>#{{ data.detail.token_id }}</div>
|
||||
<div>#{{ data.token_id }}</div>
|
||||
</div>
|
||||
|
||||
<div class="priece">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user