Skip to content

C
components
Commit 85f3c7c7 authored by mxm-web-develop's avatar mxm-web-develop
Browse files
Options

builder fixed

parent 8165725d
Hide whitespace changes
Inline Side-by-side
Showing with 45 additions and 313 deletions
package.json
View file @ 85f3c7c7
......@@ -2,9 +2,9 @@
"name": "mxmui",
"version": "1.0.3",
"license": "MIT",
"module": "mxmui/index.esm.js",
"module": "mxmui/index.js",
"main": "mxmui/index.js",
"umd": "mxmui/index.js",
"umd": "mxmui/index.umd.js",
"typings": "mxmui/components/index.d.ts",
"author": "mxm",
"files": [
......@@ -29,6 +29,7 @@
"devDependencies": {
"@babel/core": "^7.16.0",
"@intlify/vite-plugin-vue-i18n": "^3.2.1",
"@rollup/plugin-image": "^2.1.1",
"@rollup/plugin-node-resolve": "^13.1.3",
"@storybook/addon-a11y": "^6.4.19",
"@storybook/addon-actions": "^6.4.19",
......
rollup.config.js
View file @ 85f3c7c7
......@@ -6,16 +6,15 @@ import postcss from "rollup-plugin-postcss";
import { terser } from "rollup-plugin-terser";
import postcssImport from "postcss-import";
import tailwindcss from "tailwindcss";
import image from '@rollup/plugin-image';
import generatePackageJson from "rollup-plugin-generate-package-json";
import { resolve } from "path";
function createEntry(options) {
const config = {
input: ["./src/components/index.ts"],
input: ["./src/pages/index.ts"],
external: ["vue"],
output: {
file: resolve(__dirname, options.file),
name: options.name,
exports: "named",
format: options.format,
globals: {
vue: "Vue",
......@@ -32,6 +31,7 @@ function createEntry(options) {
exclude: ["node_modules", "src/stories", "src/pages", "src/main.ts"],
},
}),
image(),
vue(),
postcss({
extensions: [".css"],
......@@ -44,9 +44,9 @@ function createEntry(options) {
name: pkg.name + "-lib",
version: pkg.version,
license: pkg.license,
module: "index.esm.js",
// module: "index.esm.js",
main: "index.js",
umd: "index.js",
// umd: "index.js",
typings: "components/index.d.ts",
author: "mxm",
}),
......@@ -59,5 +59,5 @@ function createEntry(options) {
export default [
createEntry({ file: pkg.module, format: "es", name: pkg.name }),
createEntry({ file: pkg.umd, format: "umd", name: pkg.name }),
// createEntry({ file: pkg.umd, format: "umd", name: pkg.name }),
];
src/pages/MyPage.vue deleted 100644 → 0
View file @ 8165725d
<script setup lang="ts">
interface Props {
user: Record<string, unknown>;
hi: string;
}
const props = defineProps<Props>();
interface Emit {
(e: "login"): void;
(e: "logout"): void;
(e: "createAccount"): void;
}
const emit = defineEmits<Emit>();
</script>
<template>
<article>
<section>
<h2>Pages in Storybook</h2>
<p>
We recommend building UIs with a
<a
href="https://componentdriven.org"
target="_blank"
rel="noopener noreferrer"
>
<strong>component-driven</strong>
</a>
process starting with atomic components and ending with pages.
</p>
<p>
Render pages with mock data. This makes it easy to build and review page
states without needing to navigate to them in your app. Here are some
handy patterns for managing page data in Storybook:
</p>
<ul>
<li>
Use a higher-level connected component. Storybook helps you compose
such data from the "args" of child component stories
</li>
<li>
Assemble data in the page component from your services. You can mock
these services out using Storybook.
</li>
</ul>
<p>
Get a guided tutorial on component-driven development at
<a
href="https://storybook.js.org/tutorials/"
target="_blank"
rel="noopener noreferrer"
>Storybook tutorials</a
>
. Read more in the
<a
href="https://storybook.js.org/docs"
target="_blank"
rel="noopener noreferrer"
>docs</a
>
.
</p>
<div class="tip-wrapper">
<span class="tip">Tip</span>
Adjust the width of the canvas with the
<svg
width="10"
height="10"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<g fill="none" fill-rule="evenodd">
<path
d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
id="a"
fill="#999"
/>
</g>
</svg>
Viewports addon in the toolbar
</div>
</section>
</article>
</template>
<style>
section {
font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 24px;
padding: 48px 20px;
margin: 0 auto;
max-width: 600px;
color: #333;
}
section h2 {
font-weight: 900;
font-size: 32px;
line-height: 1;
margin: 0 0 4px;
display: inline-block;
vertical-align: top;
}
section p {
margin: 1em 0;
}
section a {
text-decoration: none;
color: #1ea7fd;
}
section ul {
padding-left: 30px;
margin: 1em 0;
}
section li {
margin-bottom: 8px;
}
section .tip {
display: inline-block;
border-radius: 1em;
font-size: 11px;
line-height: 12px;
font-weight: 700;
background: #e7fdd8;
color: #66bf3c;
padding: 4px 12px;
margin-right: 10px;
vertical-align: top;
}
section .tip-wrapper {
font-size: 13px;
line-height: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
section .tip-wrapper svg {
display: inline-block;
height: 12px;
width: 12px;
margin-right: 4px;
vertical-align: top;
margin-top: 3px;
}
section .tip-wrapper svg path {
fill: #1ea7fd;
}
</style>
src/pages/SourceTraceManageHomePage/Test.vue deleted 100644 → 0
View file @ 8165725d
<template>
<IndexVue
:proj-party-logo="loginlogo"
:bannerPhoneImage="bannerPhoneImage"
sectionTitle="33复杂美"
section-desc="核心技术CHAIN33区块链底层开源，构建数字一体化生态体系"
:advantagesCardList="advantagesCardList"
:featuresContent="featuresContent"
iconfont-link="//at.alicdn.com/t/font_1321935_cdom05madx.css"
:ourAdvantages="ourAdvantages"
:deploys="deploys"
:industrys="industrys"
></IndexVue>
</template>
<script lang="ts" setup>
import p1 from "@/assets/images/Home/advantage1_szhfwcz.png";
import p2 from "@/assets/images/Home/advantage2_qzqsjjk.png";
import p3 from "@/assets/images/Home/advantage3_djdsycz.png";
import p4 from "@/assets/images/Home/advantage4_zdyslmb.png";
import p5 from "@/assets/images/Home/advantage5_dcbgxlz.png";
import p6 from "@/assets/images/Home/advantage6_ganfhtx.png";
import loginlogo from "@/assets/images/Home/home_logo.png";
import bannerPhoneImage from "@/assets/images/Home/banner-phone.png";
import advantage1 from "@/assets/images/Home/advantage1.png";
import advantage2 from "@/assets/images/Home/advantage2.png";
import advantage3 from "@/assets/images/Home/advantage3.png";
import home3_baner3 from "@/assets/images/Home/home3_baner3.png";
import home3_baner1 from "@/assets/images/Home/home3_baner1.png";
import home3_baner2 from "@/assets/images/Home/home3_baner2.png";
import IndexVue from "./index.vue";
const advantagesCardList = [
{
title: "领先级技术研发",
desc:
"已累计申请近 200项区块链发明专利，与阿里、腾讯同列全球专利数排名前10。",
icon: advantage1,
},
{
title: "专业化团队运营",
desc:
"作为专业的区块链解决方案服务商，引入不同国家的技术专家、电商创业者等行业精英。",
icon: advantage2,
},
{
title: "500强合作伙伴",
desc:
"已为海航海平线、美的金融、电力巨头等多家世界 500强企业正式上线区块链项目。",
icon: advantage3,
},
];
const featuresContent = [
{ text: `产品资料隐私性` },
{ text: `团队权限管理` },
{ text: `定期维护更新` },
{ text: `专业技术支持` },
{ text: `全程自定义` },
{ text: `全程协同合作` },
];
// 我们的优势
const ourAdvantages = [
{
src: p1,
icon: `&#xe61e;`,
title: `数字化防伪存证`,
text: `区块链共识算法、非对称加密、分布式存储等技术特性，存证安全加密，溯源真实。`,
},
{
src: p2,
icon: `&#xe632;`,
title: `全周期数据监控`,
text: `上链数据无法作弊、不可篡改，从源头控制数据，实现存证全生命周期监控。`,
},
{
src: p3,
icon: `&#xe61b;`,
title: `多节点溯源见证`,
text: `高质量溯源系统稳定可靠，存证关键控制点提供警告、预防、管控提示，数据可控。`,
},
{
src: p4,
icon: `&#xe61c;`,
title: `自定义上链模板`,
text: `个性化模板自由定制，类目产品任意添加，数字化一体存证，操作更灵活。`,
},
{
src: p5,
icon: `&#xe617;`,
title: `低成本高效流转`,
text: `上链即生成专属二维码，有效提高协调效率，线上线下易流转，降低传播成本。`,
},
{
src: p6,
icon: `&#xe61a;`,
title: `高安全防护体系`,
text: `多维度、多层防护确保系统技术安全，保障产品及服务的无系统性风险运作。`,
},
];
// 企业独立部署
const deploys = [
{
title: `增量更新`,
text: `信息上链后可持续录入，多次上链，上传更便捷。`,
image: home3_baner3,
},
{
title: `用户管理`,
text: `管理员统一设用户权限，专人专责，管理更规范。`,
image: home3_baner1,
},
{
title: `权限交接`,
text: `现有工作信息一键移交，尽在掌握，操作更简单。`,
image: home3_baner2,
},
];
// 使用行业
const industrys = [
{
color: `#15CBBA`,
icon: `&#xe62f;`,
title: `商品上链`,
text: `对商品实现从源头的信息采集记录，原料来源追溯、⽣产过程、加⼯环节、仓储信息、检验批次、物流周转、到第三⽅质检、海关出⼊境、防伪鉴证的全程可追溯。`,
},
{
color: `#6587FD`,
icon: `&#xe62e;`,
title: `证书上链`,
text: `各种教育资质证书均可上链，将个人学习、培训记录和证书存放在区块链数据库中，使得证书验证更加安全、有效，保证学习记录和证书的真实性并永久保存。`,
},
{
color: `#FFA475`,
icon: `&#xe645;`,
title: `文章上链`,
text: `上链后文章将永久被记录在区块链上，不可篡改且不可删除，区块链文章为原创文章作者应有的版权保驾护航，让维权更简单。`,
},
{
color: `#FF7575`,
icon: `&#xe631;`,
title: `古董字画存证`,
text: `上链后赋予每一件艺术品独一无二的身份信息，即便在交易流转过程中也可进行信息追加，让赝品、仿品无可乘之机，有效保障艺术品交易双方利益。`,
},
];
</script>
src/pages/SourceTraceManageHomePage/components/HeadSection.vue
View file @ 85f3c7c7
......@@ -150,7 +150,7 @@
<script lang="ts" setup>
import features from "@/assets/images/Home/features.png";
import { iFeaturesContent } from "../types";
import { iFeaturesContent } from "../@types";
defineProps<{
sectionTitle: string;
......
src/pages/SourceTraceManageHomePage/index.ts 0 → 100644
View file @ 85f3c7c7
import TracePage from "./index.vue";
import { App } from "vue";
TracePage.install = (app: App) => {
app.component(TracePage.name, TracePage);
};
export default TracePage;
src/pages/index.ts 0 → 100644
View file @ 85f3c7c7
import TracePage from "./SourceTraceManageHomePage";
import { App } from "vue";
const components = [TracePage];
const install = (app: App) => {
components.map((component) => app.component(component.name, component));
};
export { TracePage};
export default install;
tsconfig.json
View file @ 85f3c7c7
......@@ -13,6 +13,7 @@
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"noImplicitAny": false ,
"resolveJsonModule": true,
"sourceMap": true,
"baseUrl": "./",
......
yarn.lock
View file @ 85f3c7c7
......@@ -1534,6 +1534,14 @@
resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.0.tgz#6734f8ebc106a0860dff7f92bf90df193f0935d7"
integrity sha512-zrsUxjLOKAzdewIDRWy9nsV1GQsKBCWaGwsZQlCgr6/q+vjyZhFgqedLfFBuI9anTPEUT4APq9Mu0SZBTzIcGQ==
"@rollup/plugin-image@^2.1.1":
version "2.1.1"
resolved "https://registry.yarnpkg.com/@rollup/plugin-image/-/plugin-image-2.1.1.tgz#898d6b59ac0025d7971ef45640ab330cb0663b0c"
integrity sha512-AgP4U85zuQJdUopLUCM+hTf45RepgXeTb8EJsleExVy99dIoYpt3ZlDYJdKmAc2KLkNntCDg6BPJvgJU3uGF+g==
dependencies:
"@rollup/pluginutils" "^3.1.0"
mini-svg-data-uri "^1.2.3"
"@rollup/plugin-node-resolve@^13.1.3":
version "13.1.3"
resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.1.3.tgz#2ed277fb3ad98745424c1d2ba152484508a92d79"
......@@ -8197,6 +8205,11 @@ min-document@^2.19.0:
dependencies:
dom-walk "^0.1.0"
mini-svg-data-uri@^1.2.3:
version "1.4.3"
resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.3.tgz#43177b2e93766ba338931a3e2a84a3dfd3a222b8"
integrity sha512-gSfqpMRC8IxghvMcxzzmMnWpXAChSA+vy4cia33RgerMS8Fex95akUyQZPbxJJmeBGiGmK7n/1OpUX8ksRjIdA==
minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
......
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