You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
8.3 KiB
207 lines
8.3 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[31674],{
|
|
|
|
/***/ 38818:
|
|
/*!*****************************************************************!*\
|
|
!*** ./src/pages/Classrooms/ClassicCases/index.tsx + 2 modules ***!
|
|
\*****************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
// ESM COMPAT FLAG
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
"default": function() { return /* binding */ ClassicCases; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(7557);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(41498);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(79800);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(39647);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
|
|
var _umi_production_exports = __webpack_require__(48938);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/skeleton/index.js + 12 modules
|
|
var skeleton = __webpack_require__(61621);
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/ClassicCases/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var ClassicCasesmodules = ({"flex_box_center":"flex_box_center___fU5fA","flex_space_between":"flex_space_between___EIetH","flex_box_vertical_center":"flex_box_vertical_center___VNuWc","flex_box_center_end":"flex_box_center_end___Z9MLS","flex_box_column":"flex_box_column___bTB9Z","example":"example___EbLbG","bg":"bg___j1Yg6","banner":"banner___ZzbyF","link":"link___HwmfE","name":"name___O7e_c","case":"case___wOZUd","li":"li___RmgBA","des":"des___c3pU0"});
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/ClassicCases/img/a.png
|
|
var a_namespaceObject = __webpack_require__.p + "static/a.031649c1.png";
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(1833);
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(63648);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(37712);
|
|
;// CONCATENATED MODULE: ./src/pages/Classrooms/ClassicCases/index.tsx
|
|
|
|
|
|
|
|
|
|
var _excluded = ["user"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Home = function Home(_ref) {
|
|
var user = _ref.user,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var _useState = (0,_react_17_0_2_react.useState)(true),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
loading = _useState2[0],
|
|
setLoading = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)(0),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
total = _useState4[0],
|
|
setTotal = _useState4[1];
|
|
var _useState5 = (0,_react_17_0_2_react.useState)([]),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
data = _useState6[0],
|
|
setData = _useState6[1];
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
getData();
|
|
}, []);
|
|
var getData = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
setLoading(true);
|
|
_context.next = 3;
|
|
return (0,fetch/* default */.ZP)("/api/home/base_case.json", {
|
|
method: 'get'
|
|
});
|
|
case 3:
|
|
res = _context.sent;
|
|
if (res.status === 0) {
|
|
setData((res === null || res === void 0 ? void 0 : res.cases) || []);
|
|
}
|
|
setLoading(false);
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getData() {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var caseData = [{
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}, {
|
|
img: a_namespaceObject,
|
|
title: '计算机发展史',
|
|
intro: '通过展厅模拟，让学生了解非电子计算装置的发展历史'
|
|
}];
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
|
|
className: ClassicCasesmodules.example,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
|
|
loading: loading,
|
|
active: true,
|
|
paragraph: {
|
|
rows: 5
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: ClassicCasesmodules.bg,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ClassicCasesmodules.banner,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ClassicCasesmodules.link,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
className: "current",
|
|
onClick: function onClick() {
|
|
return _umi_production_exports.history.push('/');
|
|
},
|
|
children: "\u9996\u9875"
|
|
}), '>沉浸式教学环境']
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: ClassicCasesmodules.name,
|
|
children: "\u6C89\u6D78\u5F0F\u6559\u5B66\u73AF\u5883"
|
|
})]
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ClassicCasesmodules["case"],
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ClassicCasesmodules.name,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "\u5178\u578B\u6848\u4F8B"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: "CLASSIC CASE"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
children: data.map(function (e, i) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("a", {
|
|
href: e.url,
|
|
target: "_blank",
|
|
className: ClassicCasesmodules.li,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: "".concat(env/* default */.Z.IMG_SERVER).concat(e.pic_url)
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: ClassicCasesmodules.des,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("h4", {
|
|
children: e.title
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("h6", {
|
|
children: e.sub_title
|
|
})]
|
|
})]
|
|
}, i);
|
|
})
|
|
})]
|
|
})]
|
|
})
|
|
});
|
|
};
|
|
/* harmony default export */ var ClassicCases = ((0,_umi_production_exports.connect)(function (_ref3) {
|
|
var user = _ref3.user;
|
|
return {
|
|
user: user
|
|
};
|
|
})(Home));
|
|
|
|
/***/ })
|
|
|
|
}]); |