Commit da00b554 authored by Edwise's avatar Edwise 🍷

Merge remote-tracking branch 'refs/remotes/origin/master'

parents 1f2f79a1 9cc05941
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pageshop.less';
class Pageshop extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="shop">
<img className="shopbg" src={this.state.resList['da6bc001-768a-4b1c-95af-a9a8853ef6f9'].url} />
<div className="shopitem">
<img className="shopitem_bg2" src={this.state.resList['a5230993-3870-4a91-bdd1-ffc4782770d0'].url} />
<img className="shopitem_bg1" src={this.state.resList['dd4ee407-16e4-4cb7-9eba-365b33f466a3'].url} />
<img className="shopitem_disabledbtn" src={this.state.resList['8d08152f-311a-446a-a15a-ff02ebed0139'].url} />
<img className="shopitem_buybtn" src={this.state.resList['dd8ea96e-e33f-4f5d-b31f-29f332c3c867'].url} />
<span className="shopitem_txt">101010</span>
<span className="shopitem_name">商品名商品名商品名</span>
</div>
<span className="shop_gold">101010</span>
<img className="shop_backbtn" src={this.state.resList['bdab9777-8a4d-4659-ba23-66aaddb7fa5b'].url} />
</div>
);
}
}
export default Pageshop;
.shop {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.shopbg {
width: 750px;
height: 1624px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem {
width: 309px;
height: 324px;
opacity: 1;
left: 54px;
top: 254px;
position: absolute;
transform-origin: 0px 0px 0px;
.shopitem_bg2 {
width: 309px;
height: 324px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_bg1 {
width: 224px;
height: 161px;
opacity: 1;
left: 45px;
top: 29px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_disabledbtn {
width: 209px;
height: 60px;
opacity: 1;
left: 49px;
top: 241px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_buybtn {
width: 217px;
height: 68px;
opacity: 1;
left: 45px;
top: 237px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shopitem_txt {
width: 88px;
height: 20px;
opacity: 1;
left: 136px;
top: 261px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 21.79723px;
color: rgba(71, 69, 67, 1);
}
.shopitem_name {
width: 209px;
height: 23px;
opacity: 1;
left: 51px;
top: 203px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 20.12052px;
color: rgba(71, 69, 67, 1);
}
}
.shop_gold {
width: 98px;
height: 21px;
opacity: 1;
left: 348px;
top: 151px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 23.47394px;
color: rgba(123, 100, 78, 1);
}
.shop_backbtn {
width: 67px;
height: 67px;
opacity: 1;
left: 48px;
top: 41px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
\ No newline at end of file
{
"pages": ["pages/pagecanvas/pagecanvas"],
"pages": [
"pages/pageshop/pageshop",
"pages/pagecanvas/pagecanvas"
],
"window": {
"enableSkia": "true",
"allowsBounceVertical":"NO"
"allowsBounceVertical": "NO"
}
}
\ No newline at end of file
.shop {
width: 750rpx;
height: 1624rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopbg {
width: 750rpx;
height: 1624rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem {
width: 309rpx;
height: 324rpx;
opacity: 1;
left: 54rpx;
top: 254rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_bg2 {
width: 309rpx;
height: 324rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_bg1 {
width: 224rpx;
height: 161rpx;
opacity: 1;
left: 45rpx;
top: 29rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_disabledbtn {
width: 209rpx;
height: 60rpx;
opacity: 1;
left: 49rpx;
top: 241rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_buybtn {
width: 217rpx;
height: 68rpx;
opacity: 1;
left: 45rpx;
top: 237rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_txt {
width: 88rpx;
height: 20rpx;
opacity: 1;
left: 136rpx;
top: 261rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 21.79723rpx;
color: #474543;
}
.shop .shopitem .shopitem_name {
width: 209rpx;
height: 23rpx;
opacity: 1;
left: 51rpx;
top: 203rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.12052rpx;
color: #474543;
}
.shop .shop_gold {
width: 98rpx;
height: 21rpx;
opacity: 1;
left: 348rpx;
top: 151rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 23.47394rpx;
color: #7b644e;
}
.shop .shop_backbtn {
width: 67rpx;
height: 67rpx;
opacity: 1;
left: 48rpx;
top: 41rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="shop">
<image class="shopbg" src={{resList['da6bc001-768a-4b1c-95af-a9a8853ef6f9'].url}} />
<view class="shopitem">
<image class="shopitem_bg2" src={{resList['a5230993-3870-4a91-bdd1-ffc4782770d0'].url}} />
<image class="shopitem_bg1" src={{resList['dd4ee407-16e4-4cb7-9eba-365b33f466a3'].url}} />
<image class="shopitem_disabledbtn" src={{resList['8d08152f-311a-446a-a15a-ff02ebed0139'].url}} />
<image class="shopitem_buybtn" src={{resList['dd8ea96e-e33f-4f5d-b31f-29f332c3c867'].url}} />
<label class="shopitem_txt">101010</label>
<label class="shopitem_name">商品名商品名商品名</label>
</view>
<label class="shop_gold">101010</label>
<image class="shop_backbtn" src={{resList['bdab9777-8a4d-4659-ba23-66aaddb7fa5b'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList'; //import API from '../../api';
Page({
data: {},
onLoad(props) {
this.setData( {
resList: resList
});
}
});
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
const resList = {
'4ee17a9c-5deb-43be-b205-16fb7593d172': {
name: 'spark',
'da6bc001-768a-4b1c-95af-a9a8853ef6f9': {
name: 'shopbg',
ext: '.png',
url: '//yun.duiba.com.cn/spark/assets/spark.810e94665ad6f7d7684f9b25b764e040a0cce7bf.png',
uuid: '4ee17a9c-5deb-43be-b205-16fb7593d172'
uuid: 'da6bc001-768a-4b1c-95af-a9a8853ef6f9',
url: '//yun.duiba.com.cn/spark/assets/6a461b8ff4f9b24bc90fe9e17dc3391dbfd420e6.png'
},
'a5230993-3870-4a91-bdd1-ffc4782770d0': {
name: 'shopitem_bg2',
ext: '.png',
uuid: 'a5230993-3870-4a91-bdd1-ffc4782770d0',
url: '//yun.duiba.com.cn/spark/assets/e1a7446456bb22488dcc42bb94a3961c470cf442.png'
},
'dd4ee407-16e4-4cb7-9eba-365b33f466a3': {
name: 'shopitem_bg1',
ext: '.png',
uuid: 'dd4ee407-16e4-4cb7-9eba-365b33f466a3',
url: '//yun.duiba.com.cn/spark/assets/f90a0b8ea796bfeb62e7e9e3e9bdb3352f0141be.png'
},
'8d08152f-311a-446a-a15a-ff02ebed0139': {
name: 'shopitem_disabledBtn',
ext: '.png',
uuid: '8d08152f-311a-446a-a15a-ff02ebed0139',
url: '//yun.duiba.com.cn/spark/assets/f2a7998fe41e2645e019d30ee9605c5dadb024c5.png'
},
'dd8ea96e-e33f-4f5d-b31f-29f332c3c867': {
name: 'shopitem_buybtn',
ext: '.png',
uuid: 'dd8ea96e-e33f-4f5d-b31f-29f332c3c867',
url: '//yun.duiba.com.cn/spark/assets/7a18d8117c5fed8975ebc31d60771c52bb1f1f8d.png'
},
'bdab9777-8a4d-4659-ba23-66aaddb7fa5b': {
name: 'shop_backbtn',
ext: '.png',
uuid: 'bdab9777-8a4d-4659-ba23-66aaddb7fa5b',
url: '//yun.duiba.com.cn/spark/assets/368892ca025f9fc6100cc5e7da22675a814db39f.png'
}
};
export default resList;
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