Skip to content

N
new_taobao
Commit 9ef86679 authored by wildfirecode13's avatar wildfirecode13
Browse files
Options

1

parent 4f20cc6c
Hide whitespace changes
Inline Side-by-side
Showing with 321 additions and 320 deletions
project/src/pages/pagegamescene/pagegamescene.jsx → project/src/components/commessage/commessage.jsx
View file @ 9ef86679
......@@ -2,22 +2,22 @@
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagegamescene.less';
class Pagegamescene extends Component {
import './commessage.less';
class Commessage extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="gamescene ">
<div>
<canvas id="canvas" style={{ width: '100%', height: '100%' }}></canvas>
</div>
<div className="message ">
<img className="message_bg " src={this.state.resList['0c446868-16d2-47f1-a0d6-27dadff681f2'].url} />
<span className="message_txt ">猫咪名字 留</span>
<img className="message_btn " src={this.state.resList['3ad6a924-dda8-49f4-b8fc-0e796347e802'].url} />
<img className="message_closebtn " src={this.state.resList['5488b126-f520-496f-ace6-010a89eb108f'].url} />
</div>
);
}
}
export default Pagegamescene;
export default Commessage;
project/src/components/commessage/commessage.less 0 → 100644
View file @ 9ef86679
.message {
width: 676px;
height: 650px;
opacity: 1;
left: 40px;
top: 418px;
position: absolute;
transform-origin: 0px 0px 0px;
.message_bg {
width: 676px;
height: 650px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
}
.message_txt {
width: 142px;
height: 25px;
opacity: 1;
left: 268px;
top: 355px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 26px;
color: rgba(104, 91, 78, 1);
}
.message_btn {
width: 45px;
height: 45px;
opacity: 1;
left: 577px;
top: 24px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.message_closebtn {
width: 352px;
height: 106px;
opacity: 1;
left: 161px;
top: 510px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
project/src/pages/pagefrontpage/pagefrontpage.jsx deleted 100644 → 0
View file @ 4f20cc6c
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
//import API from '../../api';
import './pagefrontpage.less';
class Pagefrontpage extends Component {
constructor(props) {
super(props);
this.state = { resList: resList };
}
render() {
return (
<div className="frontpage ">
<div className="div " />
<img className="image " src={this.state.resList['eb602b5e-fd36-4968-bed0-ec786cd8e1c0'].url} />
</div>
);
}
}
export default Pagefrontpage;
project/src/pages/pagefrontpage/pagefrontpage.less deleted 100644 → 0
View file @ 4f20cc6c
.frontpage {
width: 750px;
height: 1624px;
display: block;
position: absolute;
transform-origin: 0px 0px 0px;
left: 228px;
top: 146px;
.div {
width: 300px;
height: 300px;
opacity: 1;
display: block;
position: absolute;
background-color: #ff6600;
transform-origin: 0px 0px 0px;
top: 278px;
left: -142px;
}
.image {
width: 276px;
height: 275px;
opacity: 1;
display: block;
position: absolute;
transform-origin: 0px 0px 0px;
left: -184px;
top: -134px;
}
}
project/src/pages/pagegamescene/pagegamescene.less deleted 100644 → 0
View file @ 4f20cc6c
.gamescene {
top: 0px;
left: 0px;
width: 750px;
height: 1624px;
display: block;
position: absolute;
.gamecanvas {
width: 300px;
height: 300px;
opacity: 1;
display: block;
left: 0px;
top: 0px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
project/src/pages/pageshop/pageshop.jsx deleted 100644 → 0
View file @ 4f20cc6c
'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;
project/src/pages/pageshop/pageshop.less deleted 100644 → 0
View file @ 4f20cc6c
.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
spark.json
View file @ 9ef86679
......@@ -2956,111 +2956,6 @@
],
"viewType": "Scene"
},
{
"name": "猫咪的留言",
"properties": {
"style": {
"width": 676,
"height": 650,
"opacity": 1,
"left": 40,
"top": 418,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {},
"className": ""
},
"uuid": "f8484006-c641-4a5d-ac3b-5a885253f7bc",
"rect": {
"x": 40,
"y": 418,
"width": 676,
"height": 650
},
"componentName": "Div",
"children": [
{
"name": "底51",
"properties": {
"style": {
"width": 676,
"height": 650,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://2ce802ba-fe74-4bb9-8733-2858e43b6bfc"
},
"className": ""
},
"uuid": "b2ac5ed5-99e0-466a-b5ae-ce99223b9362",
"rect": {
"x": 0,
"y": 0,
"width": 676,
"height": 650
},
"componentName": "Image"
},
{
"name": "猫咪名字留",
"properties": {
"style": {
"width": 142,
"height": 25,
"opacity": 1,
"left": 268,
"top": 355,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"fontSize": 26,
"color": "rgba(104, 91, 78, 1)"
},
"attrs": {
"text": "猫咪名字 留"
},
"className": ""
},
"uuid": "7632b324-5c78-4628-83e5-7fcb11cced21",
"rect": {
"x": 268,
"y": 355,
"width": 142,
"height": 25
},
"componentName": "Label"
},
{
"name": "按钮50",
"properties": {
"style": {
"width": 352,
"height": 106,
"opacity": 1,
"left": 161,
"top": 510,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://c68019be-dab4-42bc-bacd-d56091f8d3c2"
},
"className": ""
},
"uuid": "bf12601c-9a78-46e6-a37a-5304f4f43f2d",
"rect": {
"x": 161,
"y": 510,
"width": 352,
"height": 106
},
"componentName": "Image"
}
],
"viewType": "Scene"
},
{
"name": "找回猫咪",
"properties": {
......@@ -7581,6 +7476,137 @@
}
],
"viewType": "Panel"
},
{
"name": "message",
"properties": {
"style": {
"width": 676,
"height": 650,
"opacity": 1,
"left": 40,
"top": 418,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {},
"className": ""
},
"uuid": "b1e9bdbc-d5dc-43c8-9596-5a043494d4d3",
"rect": {
"x": 40,
"y": 418,
"width": 676,
"height": 650
},
"componentName": "Div",
"children": [
{
"name": "message_bg",
"properties": {
"style": {
"width": 676,
"height": 650,
"opacity": 1,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://0c446868-16d2-47f1-a0d6-27dadff681f2"
},
"className": ""
},
"uuid": "9331e78d-7188-4f0f-b592-e304a96d45e7",
"rect": {
"x": 0,
"y": 0,
"width": 676,
"height": 650
},
"componentName": "Image"
},
{
"name": "message_txt",
"properties": {
"style": {
"width": 142,
"height": 25,
"opacity": 1,
"left": 268,
"top": 355,
"position": "absolute",
"transformOrigin": "0px 0px 0px",
"fontSize": 26,
"color": "rgba(104, 91, 78, 1)"
},
"attrs": {
"text": "猫咪名字 留"
},
"className": ""
},
"uuid": "b2180909-2ddf-456b-8c52-b3fcd10569e2",
"rect": {
"x": 268,
"y": 355,
"width": 142,
"height": 25
},
"componentName": "Label"
},
{
"name": "message_btn",
"properties": {
"style": {
"width": 45,
"height": 45,
"opacity": 1,
"left": 577,
"top": 24,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://3ad6a924-dda8-49f4-b8fc-0e796347e802"
},
"className": ""
},
"uuid": "0aa13659-012a-42f7-a5c5-26930553df98",
"rect": {
"x": 577,
"y": 24,
"width": 45,
"height": 45
},
"componentName": "Image"
},
{
"name": "message_closebtn",
"properties": {
"style": {
"width": 352,
"height": 106,
"opacity": 1,
"left": 161,
"top": 510,
"position": "absolute",
"transformOrigin": "0px 0px 0px"
},
"attrs": {
"source": "asset://5488b126-f520-496f-ace6-010a89eb108f"
},
"className": ""
},
"uuid": "f8c0269d-f6ec-4548-9c5b-b532a89d6242",
"rect": {
"x": 161,
"y": 510,
"width": 352,
"height": 106
},
"componentName": "Image"
}
],
"viewType": "Panel"
}
]
},
......@@ -7915,18 +7941,6 @@
"uuid": "c6625a32-6100-47e6-a9ed-cd146a7f4bd8",
"url": "//yun.duiba.com.cn/spark/assets/2d258d16ae2ff46e1d1b422407b853e98f086a2f.png"
},
{
"name": "底51",
"ext": ".png",
"uuid": "2ce802ba-fe74-4bb9-8733-2858e43b6bfc",
"url": "//yun.duiba.com.cn/spark/assets/add23849798cc4dc3334c64d28ce8bf7e3a596eb.png"
},
{
"name": "按钮50",
"ext": ".png",
"uuid": "c68019be-dab4-42bc-bacd-d56091f8d3c2",
"url": "//yun.duiba.com.cn/spark/assets/23ede9d65dea3267e4f46ca010c593e5a825f3e9.png"
},
{
"name": "底49",
"ext": ".png",
......@@ -8346,6 +8360,24 @@
"ext": ".png",
"uuid": "95520b55-9655-4988-a833-3907978dbffb",
"url": "//yun.duiba.com.cn/spark/assets/5193855f40ff72dea9f48022083a6a35240b6dc6.png"
},
{
"name": "message_bg",
"ext": ".png",
"uuid": "0c446868-16d2-47f1-a0d6-27dadff681f2",
"url": "//yun.duiba.com.cn/spark/assets/3b954e2265924a7fd5250a5b2b48627360a0b905.png"
},
{
"name": "message_btn",
"ext": ".png",
"uuid": "3ad6a924-dda8-49f4-b8fc-0e796347e802",
"url": "//yun.duiba.com.cn/spark/assets/2b22fec0227db9f7df6ee42e5161939aa4f9a06f.png"
},
{
"name": "message_closebtn",
"ext": ".png",
"uuid": "5488b126-f520-496f-ace6-010a89eb108f",
"url": "//yun.duiba.com.cn/spark/assets/23ede9d65dea3267e4f46ca010c593e5a825f3e9.png"
}
],
"dependencies": {
......
taobao_mini/client/components/commessage/commessage.acss 0 → 100644
View file @ 9ef86679
.message-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.message__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.message {
width: 676rpx;
height: 650rpx;
opacity: 1;
/* left: 40rpx;
top: 418rpx; */
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.message .message_bg {
width: 676rpx;
height: 650rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.message .message_txt {
width: 142rpx;
height: 25rpx;
opacity: 1;
left: 268rpx;
top: 355rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 26rpx;
color: #685b4e;
}
.message .message_btn {
width: 45rpx;
height: 45rpx;
opacity: 1;
left: 577rpx;
top: 24rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.message .message_closebtn {
width: 352rpx;
height: 106rpx;
opacity: 1;
left: 161rpx;
top: 510rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
taobao_mini/client/components/commessage/commessage.axml 0 → 100644
View file @ 9ef86679
<view class="message-modal">
<view class="message__shade modal-animate-fade-in" />
<view class="message ">
<image class="message_bg " src={{resList['0c446868-16d2-47f1-a0d6-27dadff681f2'].url}} />
<label class="message_txt ">猫咪名字 留</label>
<image class="message_btn " onTap="onModalClose" src={{resList['3ad6a924-dda8-49f4-b8fc-0e796347e802'].url}} />
<image class="message_closebtn " onTap="onModalClose" src={{resList['5488b126-f520-496f-ace6-010a89eb108f'].url}} />
</view>
</view>
\ No newline at end of file
taobao_mini/client/components/commessage/commessage.js 0 → 100644
View file @ 9ef86679
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {
resList: resList
},
methods: {
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
}
},
});
\ No newline at end of file
taobao_mini/client/components/commessage/commessage.json 0 → 100644
View file @ 9ef86679
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
taobao_mini/client/pages/pagecanvas/pagecanvas.axml
View file @ 9ef86679
......@@ -6,3 +6,4 @@
<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
<levelup-modal a:if="{{levelupModalVisible}}" onModalClose="closeLevelupModal"></levelup-modal>
<message-modal a:if="{{messageModalVisible}}" onModalClose="closeMessageModal"></message-modal>
taobao_mini/client/pages/pagecanvas/pagecanvas.js
View file @ 9ef86679
......@@ -25,8 +25,9 @@ const checkSystem = async () => {
Page({
data: {
messageModalVisible: true,
ruleModalVisible: false,
levelupModalVisible: true
levelupModalVisible: false
},
onLoad(props) {
......@@ -234,6 +235,11 @@ Page({
this.setData({
ruleModalVisible: false
});
},
closeMessageModal() {
this.setData({
messageModalVisible: false
});
}
});
\ No newline at end of file
taobao_mini/client/pages/pagecanvas/pagecanvas.json
View file @ 9ef86679
{
"usingComponents": {
"rule-modal": "/components/ruleModal/ruleModal",
"levelup-modal": "/components/comlevelup/comlevelup"
"levelup-modal": "/components/comlevelup/comlevelup",
"message-modal": "/components/commessage/commessage"
}
}
\ No newline at end of file
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