This commit is contained in:
huangjinming 2023-01-28 11:10:20 +08:00
parent 94ada755d8
commit 0ef78aacef
6 changed files with 59 additions and 41 deletions

View File

@ -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 // 是否处理横屏情况
// },
}
};
// }
// };

View File

@ -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;

View File

@ -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:{
formatPriceShow(price, decimals, fixed = 2) {
methods: {
formatPriceShow(price, decimals, fixed = 2) {
return formatPrice(price, decimals, fixed);
},
}
},
};
</script>

View File

@ -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=""
/>

View File

@ -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(

View File

@ -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">