commit 995deef4d540bd67cc9fadf4450f615674fd7009 Author: xiangxy Date: Tue Mar 21 10:52:37 2023 +0800 init diff --git a/App.vue b/App.vue new file mode 100644 index 0000000..3d97b1b --- /dev/null +++ b/App.vue @@ -0,0 +1,25 @@ + + + diff --git a/common/style/layout.css b/common/style/layout.css new file mode 100644 index 0000000..434def5 --- /dev/null +++ b/common/style/layout.css @@ -0,0 +1,28 @@ +page { + background-color: #f6f6f6 !important; + min-height: 100% !important; + height: 100% !important; +} +uni-page-body { + background-color: #f6f6f6 !important; + min-height: 100% !important; + height: 100% !important; +} +uni-button:after { + border: none; +} +/** iconfont */ +@font-face { + font-family: 'iconfont'; + src: url('@/static/iconfont/iconfont.woff2?t=1665454521636') format('woff2'), + url('@/static/iconfont/iconfont.woff?t=1665454521636') format('woff'), + url('@/static/iconfont/iconfont.ttf?t=1665454521636') format('truetype'); +} +.iconfont { + font-family: "iconfont" !important; + font-size: 50rpx; + color: #000; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} \ No newline at end of file diff --git a/common/style/mixin.styl b/common/style/mixin.styl new file mode 100644 index 0000000..f564d40 --- /dev/null +++ b/common/style/mixin.styl @@ -0,0 +1,51 @@ +$red = #ff6a00 +$green = #6CBE8B +$yellow = #E9B451 +$blue = #6798ef +$gray = #c9c9c9 +$fc1 = #323232 + +.bgred + background-color: $red !important +.bggreen + background-color: $green !important +.bgyellow + background-color: $yellow !important +.bgblue + background-color: $blue !important +.bggray + background-color: $gray !important + +//宽高 +_wh(w, h) + width: w + height: h + +//字体大小、行高、颜色 +_font(size,height,color=$fc1,weight=normal,align=left) + font-size: size + line-height: height + color: color + font-weight: weight + text-align: align + +//flex 布局和 子元素 对其方式 +_fj(x=space-between,y=center,r=row,n=nowrap) + display: flex + justify-content: x + align-items: y + flex-direction: r + flex-wrap: n + +// 背景图片地址和大小 +_bis(url,w,h=auto,x=center,y=center) + background-position: x y + background-size: w h + background-image: url(url) + background-repeat: no-repeat + +// 定位上下居中 +_ct() + position: absolute + top: 50% + transform: translateY(-50%) \ No newline at end of file diff --git a/common/style/reset.css b/common/style/reset.css new file mode 100644 index 0000000..8355389 --- /dev/null +++ b/common/style/reset.css @@ -0,0 +1,43 @@ +* { + padding: 0; + margin: 0; + list-style: none; + font-style: normal; + text-decoration: none; + border: none; + outline: none; + font-family: uniicons, Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-tap-highlight-color:transparent; + -webkit-font-smoothing: antialiased; +} + +body, html { + -webkit-user-select: auto; + -ms-user-select: auto; + user-select: auto; +} + +input[type="button"], input[type="submit"], input[type="search"], input[type="reset"], textarea, select{ + -webkit-appearance: none; + appearance: none; +} + +.relative { + position: relative; +} +.hide { + display: none; +} +.vhide { + visibility:hidden; +} +.show { + display: block; +} +.ellipsis{ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} \ No newline at end of file diff --git a/common/style/uni.css b/common/style/uni.css new file mode 100644 index 0000000..c72ebf0 --- /dev/null +++ b/common/style/uni.css @@ -0,0 +1,12 @@ +@font-face { + font-family: uniicons; + font-weight: normal; + font-style: normal; + src: url('~@/static/uni.ttf') format('truetype'); +} +.iconfont{ + font-family: uni; + text-decoration: none; + text-align: center; +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..c3ff205 --- /dev/null +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + + + + +
+ + + diff --git a/main.js b/main.js new file mode 100644 index 0000000..365eb09 --- /dev/null +++ b/main.js @@ -0,0 +1,21 @@ +import App from './App' + +// #ifndef VUE3 +import Vue from 'vue' +Vue.config.productionTip = false +App.mpType = 'app' +const app = new Vue({ + ...App +}) +app.$mount() +// #endif + +// #ifdef VUE3 +import { createSSRApp } from 'vue' +export function createApp() { + const app = createSSRApp(App) + return { + app + } +} +// #endif \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..fe66c2b --- /dev/null +++ b/manifest.json @@ -0,0 +1,72 @@ +{ + "name" : "pad-hl-hcx-four", + "appid" : "__UNI__80C78D1", + "description" : "", + "versionName" : "1.0.0", + "versionCode" : "100", + "transformPx" : false, + /* 5+App特有相关 */ + "app-plus" : { + "usingComponents" : true, + "nvueStyleCompiler" : "uni-app", + "compilerVersion" : 3, + "splashscreen" : { + "alwaysShowBeforeRender" : true, + "waiting" : true, + "autoclose" : true, + "delay" : 0 + }, + /* 模块配置 */ + "modules" : {}, + /* 应用发布信息 */ + "distribute" : { + /* android打包配置 */ + "android" : { + "permissions" : [ + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + }, + /* ios打包配置 */ + "ios" : {}, + /* SDK配置 */ + "sdkConfigs" : {} + } + }, + /* 快应用特有相关 */ + "quickapp" : {}, + /* 小程序特有相关 */ + "mp-weixin" : { + "appid" : "", + "setting" : { + "urlCheck" : false + }, + "usingComponents" : true + }, + "mp-alipay" : { + "usingComponents" : true + }, + "mp-baidu" : { + "usingComponents" : true + }, + "mp-toutiao" : { + "usingComponents" : true + }, + "uniStatistics" : { + "enable" : false + }, + "vueVersion" : "2" +} diff --git a/pages.json b/pages.json new file mode 100644 index 0000000..d79623c --- /dev/null +++ b/pages.json @@ -0,0 +1,17 @@ +{ + "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages + { + "path": "pages/index/index", + "style": { + "navigationBarTitleText": "uni-app" + } + } + ], + "globalStyle": { + "navigationBarTextStyle": "black", + "navigationBarTitleText": "uni-app", + "navigationBarBackgroundColor": "#F8F8F8", + "backgroundColor": "#F8F8F8" + }, + "uniIdRouter": {} +} diff --git a/pages/index/index.vue b/pages/index/index.vue new file mode 100644 index 0000000..4ca2b92 --- /dev/null +++ b/pages/index/index.vue @@ -0,0 +1,52 @@ + + + + + diff --git a/static/.DS_Store b/static/.DS_Store new file mode 100644 index 0000000..b312c91 Binary files /dev/null and b/static/.DS_Store differ diff --git a/static/iconfont/iconfont.ttf b/static/iconfont/iconfont.ttf new file mode 100644 index 0000000..4ee5e5b Binary files /dev/null and b/static/iconfont/iconfont.ttf differ diff --git a/static/iconfont/iconfont.woff b/static/iconfont/iconfont.woff new file mode 100644 index 0000000..ad3eb79 Binary files /dev/null and b/static/iconfont/iconfont.woff differ diff --git a/static/iconfont/iconfont.woff2 b/static/iconfont/iconfont.woff2 new file mode 100644 index 0000000..b169259 Binary files /dev/null and b/static/iconfont/iconfont.woff2 differ diff --git a/static/logo.png b/static/logo.png new file mode 100644 index 0000000..b5771e2 Binary files /dev/null and b/static/logo.png differ diff --git a/static/uni.ttf b/static/uni.ttf new file mode 100644 index 0000000..60a1968 Binary files /dev/null and b/static/uni.ttf differ diff --git a/uni.scss b/uni.scss new file mode 100644 index 0000000..a9a742d --- /dev/null +++ b/uni.scss @@ -0,0 +1,76 @@ +/** + * 这里是uni-app内置的常用样式变量 + * + * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 + * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App + * + */ + +/** + * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 + * + * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 + */ + +/* 颜色变量 */ + +/* 行为相关颜色 */ +$uni-color-primary: #007aff; +$uni-color-success: #4cd964; +$uni-color-warning: #f0ad4e; +$uni-color-error: #dd524d; + +/* 文字基本颜色 */ +$uni-text-color:#333;//基本色 +$uni-text-color-inverse:#fff;//反色 +$uni-text-color-grey:#999;//辅助灰色,如加载更多的提示信息 +$uni-text-color-placeholder: #808080; +$uni-text-color-disable:#c0c0c0; + +/* 背景颜色 */ +$uni-bg-color:#ffffff; +$uni-bg-color-grey:#f8f8f8; +$uni-bg-color-hover:#f1f1f1;//点击状态颜色 +$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色 + +/* 边框颜色 */ +$uni-border-color:#c8c7cc; + +/* 尺寸变量 */ + +/* 文字尺寸 */ +$uni-font-size-sm:12px; +$uni-font-size-base:14px; +$uni-font-size-lg:16; + +/* 图片尺寸 */ +$uni-img-size-sm:20px; +$uni-img-size-base:26px; +$uni-img-size-lg:40px; + +/* Border Radius */ +$uni-border-radius-sm: 2px; +$uni-border-radius-base: 3px; +$uni-border-radius-lg: 6px; +$uni-border-radius-circle: 50%; + +/* 水平间距 */ +$uni-spacing-row-sm: 5px; +$uni-spacing-row-base: 10px; +$uni-spacing-row-lg: 15px; + +/* 垂直间距 */ +$uni-spacing-col-sm: 4px; +$uni-spacing-col-base: 8px; +$uni-spacing-col-lg: 12px; + +/* 透明度 */ +$uni-opacity-disabled: 0.3; // 组件禁用态的透明度 + +/* 文章场景相关 */ +$uni-color-title: #2C405A; // 文章标题颜色 +$uni-font-size-title:20px; +$uni-color-subtitle: #555555; // 二级标题颜色 +$uni-font-size-subtitle:26px; +$uni-color-paragraph: #3F536E; // 文章段落颜色 +$uni-font-size-paragraph:15px;