@fonixtree/magic-design 1.0.199 → 1.0.200

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,6 +5,7 @@
5
5
  flex-direction: row-reverse;
6
6
  align-items: center;
7
7
  justify-content: space-between;
8
+ width: 100%;
8
9
  }
9
10
  .m-search-bar .right {
10
11
  display: flex;
@@ -167,7 +167,7 @@ function (_super) {
167
167
  style: {
168
168
  background: pageBackground
169
169
  }
170
- }, this.filterCompFloor(pageData).length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
170
+ }, this.filterCompFloor(pageData).length > 0 && device === 'mobile' && /*#__PURE__*/_react["default"].createElement("div", {
171
171
  className: "btn_app_back"
172
172
  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
173
173
  color: "#fff",
@@ -66,9 +66,7 @@
66
66
  position: relative;
67
67
 
68
68
  .btn_app_back {
69
- position: sticky;
70
- top: 8px;
71
- left: 13px;
69
+ position: fixed;
72
70
  background: #7C7C7C;
73
71
  width: 32px;
74
72
  height: 32px;
@@ -78,8 +76,6 @@
78
76
  display: flex;
79
77
  align-items: center;
80
78
  justify-content: center;
81
- float: left;
82
- // margin: 8px 0 0 13px;
83
79
  }
84
80
  }
85
81
  }
@@ -102,9 +98,5 @@
102
98
  overflow: scroll;
103
99
  box-sizing: content-box;
104
100
  }
105
-
106
- .btn_app_back {
107
- display: none;
108
- }
109
101
  }
110
102
  }
@@ -77,7 +77,8 @@ var Renderer = function Renderer(props) {
77
77
  var pageData = props.pageData,
78
78
  outputType = props.outputType,
79
79
  noSetWindow = props.noSetWindow,
80
- isPreview = props.isPreview;
80
+ isPreview = props.isPreview,
81
+ device = props.device;
81
82
 
82
83
  var _a = (0, _react.useState)([]),
83
84
  floors = _a[0],
@@ -206,7 +207,7 @@ var Renderer = function Renderer(props) {
206
207
  style: __assign({
207
208
  background: pageBackground
208
209
  }, getRestStyle())
209
- }, floors.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
210
+ }, floors.length > 0 && device === 'mobile' && /*#__PURE__*/_react["default"].createElement("div", {
210
211
  className: "btn_app_back"
211
212
  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
212
213
  color: "#fff",
@@ -1,8 +1,9 @@
1
1
  .render_wrap {
2
2
  .btn_app_back {
3
- position: sticky;
4
- top: 8px;
5
- left: 13px;
3
+ position: fixed;
4
+ top: 28px;
5
+ left: unset;
6
+ margin-left: 13px;
6
7
  background: #7C7C7C;
7
8
  width: 32px;
8
9
  height: 32px;
@@ -12,7 +13,5 @@
12
13
  display: flex;
13
14
  align-items: center;
14
15
  justify-content: center;
15
- float: left;
16
- // margin: 8px 0 0 13px;
17
16
  }
18
17
  }
@@ -5,6 +5,7 @@
5
5
  flex-direction: row-reverse;
6
6
  align-items: center;
7
7
  justify-content: space-between;
8
+ width: 100%;
8
9
  }
9
10
  .m-search-bar .right {
10
11
  display: flex;
@@ -167,7 +167,7 @@ function (_super) {
167
167
  style: {
168
168
  background: pageBackground
169
169
  }
170
- }, this.filterCompFloor(pageData).length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
170
+ }, this.filterCompFloor(pageData).length > 0 && device === 'mobile' && /*#__PURE__*/_react["default"].createElement("div", {
171
171
  className: "btn_app_back"
172
172
  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
173
173
  color: "#fff",
@@ -66,9 +66,7 @@
66
66
  position: relative;
67
67
 
68
68
  .btn_app_back {
69
- position: sticky;
70
- top: 8px;
71
- left: 13px;
69
+ position: fixed;
72
70
  background: #7C7C7C;
73
71
  width: 32px;
74
72
  height: 32px;
@@ -78,8 +76,6 @@
78
76
  display: flex;
79
77
  align-items: center;
80
78
  justify-content: center;
81
- float: left;
82
- // margin: 8px 0 0 13px;
83
79
  }
84
80
  }
85
81
  }
@@ -102,9 +98,5 @@
102
98
  overflow: scroll;
103
99
  box-sizing: content-box;
104
100
  }
105
-
106
- .btn_app_back {
107
- display: none;
108
- }
109
101
  }
110
102
  }
@@ -77,7 +77,8 @@ var Renderer = function Renderer(props) {
77
77
  var pageData = props.pageData,
78
78
  outputType = props.outputType,
79
79
  noSetWindow = props.noSetWindow,
80
- isPreview = props.isPreview;
80
+ isPreview = props.isPreview,
81
+ device = props.device;
81
82
 
82
83
  var _a = (0, _react.useState)([]),
83
84
  floors = _a[0],
@@ -206,7 +207,7 @@ var Renderer = function Renderer(props) {
206
207
  style: __assign({
207
208
  background: pageBackground
208
209
  }, getRestStyle())
209
- }, floors.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
210
+ }, floors.length > 0 && device === 'mobile' && /*#__PURE__*/_react["default"].createElement("div", {
210
211
  className: "btn_app_back"
211
212
  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
212
213
  color: "#fff",
@@ -1,8 +1,9 @@
1
1
  .render_wrap {
2
2
  .btn_app_back {
3
- position: sticky;
4
- top: 8px;
5
- left: 13px;
3
+ position: fixed;
4
+ top: 28px;
5
+ left: unset;
6
+ margin-left: 13px;
6
7
  background: #7C7C7C;
7
8
  width: 32px;
8
9
  height: 32px;
@@ -12,7 +13,5 @@
12
13
  display: flex;
13
14
  align-items: center;
14
15
  justify-content: center;
15
- float: left;
16
- // margin: 8px 0 0 13px;
17
16
  }
18
17
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.199",
4
+ "version": "1.0.200",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",