main
CTP 2 years ago
commit 0b03e22e26

23
.gitignore vendored

@ -0,0 +1,23 @@
.DS_Store
node_modules/
unpackage/
dist/
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.project
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw*

@ -0,0 +1,19 @@
# udi
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

@ -0,0 +1,81 @@
const webpack = require('webpack')
const plugins = []
if (process.env.UNI_OPT_TREESHAKINGNG) {
plugins.push(require('@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js'))
}
if (
(
process.env.UNI_PLATFORM === 'app-plus' &&
process.env.UNI_USING_V8
) ||
(
process.env.UNI_PLATFORM === 'h5' &&
process.env.UNI_H5_BROWSER === 'builtin'
)
) {
const path = require('path')
const isWin = /^win/.test(process.platform)
const normalizePath = path => (isWin ? path.replace(/\\/g, '/') : path)
const input = normalizePath(process.env.UNI_INPUT_DIR)
try {
plugins.push([
require('@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console'),
{
file (file) {
file = normalizePath(file)
if (file.indexOf(input) === 0) {
return path.relative(input, file)
}
return false
}
}
])
} catch (e) { }
}
process.UNI_LIBRARIES = process.UNI_LIBRARIES || ['@dcloudio/uni-ui']
process.UNI_LIBRARIES.forEach(libraryName => {
plugins.push([
'import',
{
'libraryName': libraryName,
'customName': (name) => {
return `${libraryName}/lib/${name}/${name}`
}
}
])
})
if (process.env.UNI_PLATFORM !== 'h5') {
plugins.push('@babel/plugin-transform-runtime')
}
const config = {
presets: [
[
'@vue/app',
{
modules: webpack.version[0] > 4 ? 'auto' : 'commonjs',
useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry'
}
]
],
plugins
}
const UNI_H5_TEST = '**/@dcloudio/uni-h5/dist/index.umd.min.js'
if (process.env.NODE_ENV === 'production') {
config.overrides = [{
test: UNI_H5_TEST,
compact: true,
}]
} else {
config.ignore = [UNI_H5_TEST]
}
module.exports = config

@ -0,0 +1,9 @@
{
"compilerOptions": {
"types": [
"@dcloudio/types",
"miniprogram-api-typings",
"mini-types"
]
}
}

37051
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -0,0 +1,108 @@
{
"name": "udi",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "npm run dev:h5",
"build": "npm run build:h5",
"build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
"build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
"build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
"build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
"build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
"build:mp-jd": "cross-env NODE_ENV=production UNI_PLATFORM=mp-jd vue-cli-service uni-build",
"build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build",
"build:mp-lark": "cross-env NODE_ENV=production UNI_PLATFORM=mp-lark vue-cli-service uni-build",
"build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
"build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
"build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"build:mp-xhs": "cross-env NODE_ENV=production UNI_PLATFORM=mp-xhs vue-cli-service uni-build",
"build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
"build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
"build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
"build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
"dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
"dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
"dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
"dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
"dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
"dev:mp-jd": "cross-env NODE_ENV=development UNI_PLATFORM=mp-jd vue-cli-service uni-build --watch",
"dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch",
"dev:mp-lark": "cross-env NODE_ENV=development UNI_PLATFORM=mp-lark vue-cli-service uni-build --watch",
"dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
"dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
"dev:mp-xhs": "cross-env NODE_ENV=development UNI_PLATFORM=mp-xhs vue-cli-service uni-build --watch",
"dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
"dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
"dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
"dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
"info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
"serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
"test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
"test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
"test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
"test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
"test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
},
"dependencies": {
"@dcloudio/uni-app": "^2.0.2-3071120230427001",
"@dcloudio/uni-app-plus": "^2.0.2-3071120230427001",
"@dcloudio/uni-h5": "^2.0.2-3071120230427001",
"@dcloudio/uni-i18n": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-360": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-alipay": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-baidu": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-jd": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-kuaishou": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-lark": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-qq": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-toutiao": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-vue": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-weixin": "^2.0.2-3071120230427001",
"@dcloudio/uni-mp-xhs": "^2.0.2-3071120230427001",
"@dcloudio/uni-quickapp-native": "^2.0.2-3071120230427001",
"@dcloudio/uni-quickapp-webview": "^2.0.2-3071120230427001",
"@dcloudio/uni-stacktracey": "^2.0.2-3071120230427001",
"@dcloudio/uni-stat": "^2.0.2-3071120230427001",
"@dcloudio/uni-ui": "^1.4.27",
"@vue/shared": "^3.0.0",
"core-js": "^3.6.5",
"flyio": "^0.6.2",
"sass": "^1.62.1",
"vue": "^2.6.11",
"vuex": "^3.2.0"
},
"devDependencies": {
"@dcloudio/types": "^3.3.2",
"@dcloudio/uni-automator": "^2.0.2-3071120230427001",
"@dcloudio/uni-cli-i18n": "^2.0.2-3071120230427001",
"@dcloudio/uni-cli-shared": "^2.0.2-3071120230427001",
"@dcloudio/uni-helper-json": "*",
"@dcloudio/uni-migration": "^2.0.2-3071120230427001",
"@dcloudio/uni-template-compiler": "^2.0.2-3071120230427001",
"@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.2-3071120230427001",
"@dcloudio/vue-cli-plugin-uni": "^2.0.2-3071120230427001",
"@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.2-3071120230427001",
"@dcloudio/webpack-uni-mp-loader": "^2.0.2-3071120230427001",
"@dcloudio/webpack-uni-pages-loader": "^2.0.2-3071120230427001",
"@vue/cli-plugin-babel": "~4.5.19",
"@vue/cli-service": "~4.5.19",
"babel-plugin-import": "^1.11.0",
"cross-env": "^7.0.2",
"jest": "^25.4.0",
"mini-types": "*",
"miniprogram-api-typings": "*",
"postcss-comment": "^2.0.0",
"vue-template-compiler": "^2.6.11"
},
"browserslist": [
"Android >= 4.4",
"ios >= 9"
],
"uni-app": {
"scripts": {}
}
}

@ -0,0 +1,27 @@
const path = require('path')
const webpack = require('webpack')
const config = {
parser: require('postcss-comment'),
plugins: [
require('postcss-import')({
resolve (id, basedir, importOptions) {
if (id.startsWith('~@/')) {
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
} else if (id.startsWith('@/')) {
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
} else if (id.startsWith('/') && !id.startsWith('//')) {
return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
}
return id
}
}),
require('autoprefixer')({
remove: process.env.UNI_PLATFORM !== 'h5'
}),
require('@dcloudio/vue-cli-plugin-uni/packages/postcss')
]
}
if (webpack.version[0] > 4) {
delete config.parser
}
module.exports = config

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script>
<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
</head>
<body>
<noscript>
<strong>Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

10
shime-uni.d.ts vendored

@ -0,0 +1,10 @@
import Vue from 'vue'
declare module "vue/types/options" {
type Hooks = App.AppInstance & Page.PageInstance;
interface ComponentOptions<V extends Vue> extends Hooks {
/**
*
*/
mpType?: string;
}
}

4
shime-vue.d.ts vendored

@ -0,0 +1,4 @@
declare module "*.vue" {
import Vue from 'vue'
export default Vue
}

@ -0,0 +1,17 @@
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style>
/*每个页面公共css */
</style>

@ -0,0 +1,12 @@
import Vue from 'vue'
import App from './App'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
...App
})
app.$mount()

@ -0,0 +1,78 @@
{
"name": "",
"appid": "",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
"app-plus": {
/* 5+App */ "usingComponents": true,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
"modules": {
/* */
},
"distribute": {
/* */
"android": {
/* android */
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
"ios": {
/* ios */
},
"sdkConfigs": {
/* SDK */
}
}
},
"quickapp": {
/* */
},
"mp-weixin": {
/* */ "appid": "wxc4fecb5513261dc8",
"setting": {
"urlCheck": false
},
"usingComponents": true
},
"mp-alipay": {
"usingComponents": true
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"mp-qq": {
"usingComponents": true
}
}

@ -0,0 +1,70 @@
{
"easycom": {
"autoscan": true,
"custom": {
// uni-ui
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
}
},
"pages": [
//pageshttps://uniapp.dcloud.io/collocation/pages
{
"path": "pages/login/index",
"style": {}
},
{
"path": "pages/information/index",
"style": {}
},
{
"path": "pages/exist/index",
"style": {}
},
{
"path": "pages/inquire/index",
"style": {}
},
{
"path": "pages/verify/index",
"style": {}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "医疗器械UDI信息查询",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"color": "#333",
"selectedColor": "#4eb1e4",
"backgroundColor": "#fff",
"borderStyle": "white",
"list": [
{
"text": "UDI码信息查询",
"pagePath": "pages/information/index",
"iconPath": "static/tabs/information_default.png",
"selectedIconPath": "static/tabs/information_selected.png"
},
{
"text": "已发布UDI信息",
"pagePath": "pages/exist/index",
"iconPath": "static/tabs/exist_default.png",
"selectedIconPath": "static/tabs/exist_selected.png"
},
{
"text": "UDI码流向查询",
"pagePath": "pages/inquire/index",
"iconPath": "static/tabs/inquire_default.png",
"selectedIconPath": "static/tabs/inquire_selected.png"
},
{
"text": "UDI校验码",
"pagePath": "pages/verify/index",
"iconPath": "static/tabs/verify_default.png",
"selectedIconPath": "static/tabs/verify_selected.png"
}
]
}
}

@ -0,0 +1,108 @@
<template>
<view style="margin: 10px">
<!-- 下拉框 -->
<uni-data-select
v-model="value"
:localdata="range"
@change="change"
placeholder="请选择城市"
></uni-data-select>
<!-- 查询输入框 -->
<view style="display: flex; margin-top: 10px">
<input
type="text"
style="border: 1px solid #00a8e1; height: 30px; width: 70vw"
/>
<button type="primary" size="mini">查询</button>
</view>
<!-- 查询信息 -->
<uni-card class="cardBox1">
<view>电话{{ phone }}</view>
<view>邮箱{{ email }}</view>
<view>发布企业{{ firm }} </view>
<view class="iconsBox">
<uni-icons type="phone-filled" size="30"></uni-icons>
<uni-icons
type="arrow-right"
size="30"
style="margin-left: 10px"
></uni-icons>
</view>
</uni-card>
<uni-card class="cardBox2">
<view>电话{{ phone }}</view>
<view>邮箱{{ email }}</view>
<view>发布企业{{ firm }}</view>
<view class="iconsBox">
<uni-icons type="phone-filled" size="30"></uni-icons>
<uni-icons
type="arrow-right"
size="30"
style="margin-left: 10px"
></uni-icons>
</view>
</uni-card>
<uni-card class="cardBox3">
<view>电话{{ phone }}</view>
<view>邮箱{{ email }}</view>
<view>发布企业{{ firm }}</view>
<view class="iconsBox">
<uni-icons type="phone-filled" size="30"></uni-icons>
<uni-icons
type="arrow-right"
size="30"
style="margin-left: 10px"
></uni-icons>
</view>
</uni-card>
<uni-card class="cardBox4">
<view>电话{{ phone }}</view>
<view>邮箱{{ email }}</view>
<view>发布企业{{ firm }}</view>
<view class="iconsBox">
<uni-icons type="phone-filled" size="30"></uni-icons>
<uni-icons
type="arrow-right"
size="30"
style="margin-left: 10px"
></uni-icons>
</view>
</uni-card>
</view>
</template>
<script>
export default {
data() {
return {
value: 0,
range: [
{ value: 0, text: '福建省' },
{ value: 1, text: '足球' },
{ value: 2, text: '游泳' },
],
phone: '11111111',
email: '1111',
firm: '企业',
};
},
methods: {
change(e) {
console.log('e', e);
},
},
};
</script>
<style scoped lang="scss">
.cardBox1,
.cardBox2,
.cardBox3,
.cardBox4 {
position: relative;
.iconsBox {
position: absolute;
top: 40%;
left: 70%;
}
}
</style>

@ -0,0 +1,65 @@
<template>
<view class="box">
<!-- 扫码 -->
<view class="header">
<input
focus
placeholder="请扫条码"
style="border: 1px solid #00a8e1; height: 30px; width: 70vw"
/>
<uni-icons
type="search"
size="30"
color="#52bee3"
style="margin: 0 5px"
></uni-icons>
<uni-icons
type="scan"
size="30"
color="#52bee3"
style="margin: 0 10px 0 5px"
></uni-icons>
</view>
<!-- 产品详情信息 -->
<uni-section border>
<uni-collapse ref="collapse" v-model="value">
<uni-collapse-item title="产品信息详情">
<view class="content" style="align-items: center; padding: 0 30px">
<text class="text">{{ content }}</text>
</view>
</uni-collapse-item>
<uni-collapse-item title="包装详情">
<view class="content" style="align-items: center; padding: 0 30px">
<text class="text"
>折叠内容主体这是一段比较长内容默认折叠主要内容只显示当前项标题点击标题展开才能看到这段文字再次点击标题折叠内容</text
>
</view>
</uni-collapse-item>
</uni-collapse>
</uni-section>
</view>
</template>
<script>
export default {
data() {
return {
value: ['0'],
content:
'折叠内容主体,可自定义内容及样式,点击按钮修改内容使高度发生变化。',
};
},
methods: {},
};
</script>
<style scoped lang="scss">
.box {
display: flex;
padding: 0 20px;
flex-wrap: wrap;
.header {
width: 100vw;
display: flex;
justify-content: space-around;
}
}
</style>

@ -0,0 +1,75 @@
<template>
<!-- 搜索输入框 -->
<view class="box">
<view class="header">
<input
focus
placeholder="请扫条码"
style="border: 1px solid #00a8e1; height: 30px; width: 70vw"
/>
<uni-icons
type="search"
size="30"
color="#52bee3"
style="margin: 0 5px"
></uni-icons>
<uni-icons
type="scan"
size="30"
color="#52bee3"
style="margin: 0 10px 0 5px"
></uni-icons>
</view>
<!-- 表格 -->
<uni-table border stripe emptyText="暂无更多数据">
<!-- 表头行 -->
<uni-tr>
<uni-th align="center">序号</uni-th>
<uni-th align="center">单据日期</uni-th>
<uni-th align="left">业务类型</uni-th>
</uni-tr>
<!-- 表格数据行 -->
<uni-tr>
<uni-td>1</uni-td>
<uni-td>11</uni-td>
<uni-td>111</uni-td>
</uni-tr>
<uni-tr>
<uni-td>1</uni-td>
<uni-td>11</uni-td>
<uni-td>111</uni-td>
</uni-tr>
<uni-tr>
<uni-td>1</uni-td>
<uni-td>11</uni-td>
<uni-td>111</uni-td>
</uni-tr>
<uni-tr>
<uni-td>1</uni-td>
<uni-td>11</uni-td>
<uni-td>111</uni-td>
</uni-tr>
</uni-table>
</view>
</template>
<script>
export default {
data() {
return {};
},
methods: {},
};
</script>
<style scoped lang="scss">
.box {
display: flex;
padding: 0 20px;
flex-wrap: wrap;
.header {
width: 100vw;
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}
}
</style>

@ -0,0 +1,52 @@
<template>
<view class="box">
<!-- logo -->
<view>
<image src="@/static/logo.png" mode="center" />
</view>
<!-- 登录表单 -->
<uni-forms :modelValue="formData" label-position="left">
<uni-forms-item label="账号:" name="name" style="width: 30rpx">
<uni-easyinput
type="text"
v-model="formData.name"
placeholder="请输入账号"
/>
</uni-forms-item>
<uni-forms-item label="密码:" name="password">
<uni-easyinput
type="password"
v-model="formData.password"
placeholder="请输入密码"
/>
</uni-forms-item>
<!-- 登录按钮 -->
<navigator url="/pages/information/index" open-type="switchTab">
<button type="primary">登录</button>
</navigator>
</uni-forms>
<view>
<view></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
formData: {
name: '123456',
password: '11223344',
},
};
},
methods: {},
};
</script>
<style scoped lang="scss">
.box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
</style>

@ -0,0 +1,67 @@
<template>
<view>
<!-- 搜索输入框 -->
<view class="box">
<view class="header">
<input
focus
placeholder="请扫条码"
style="border: 1px solid #00a8e1; height: 30px; width: 70vw"
/>
<uni-icons
type="search"
size="30"
color="#52bee3"
style="margin: 0 5px"
></uni-icons>
<uni-icons
type="scan"
size="30"
color="#52bee3"
style="margin: 0 10px 0 5px"
></uni-icons>
</view>
<!-- 产品详情信息 -->
<uni-section border>
<uni-collapse ref="collapse" v-model="value">
<uni-collapse-item title="产品信息详情">
<view class="content" style="align-items: center; padding: 0 30px">
<text class="text">{{ content }}</text>
</view>
</uni-collapse-item>
<uni-collapse-item title="包装详情">
<view class="content" style="align-items: center; padding: 0 30px">
<text class="text"
>折叠内容主体这是一段比较长内容默认折叠主要内容只显示当前项标题点击标题展开才能看到这段文字再次点击标题折叠内容</text
>
</view>
</uni-collapse-item>
</uni-collapse>
</uni-section>
</view>
</template>
<script>
export default {
data() {
return {
value: ['0'],
content:
'折叠内容主体,可自定义内容及样式,点击按钮修改内容使高度发生变化。',
};
},
methods: {},
};
</script>
<style scoped lang="scss">
.box {
display: flex;
padding: 0 20px;
flex-wrap: wrap;
.header {
width: 100vw;
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

@ -0,0 +1,10 @@
uni.addInterceptor({
returnValue (res) {
if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
return res;
}
return new Promise((resolve, reject) => {
res.then((res) => res[0] ? reject(res[0]) : resolve(res[1]));
});
},
});

@ -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: #fff;
$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: #555; //
$uni-font-size-subtitle: 18px;
$uni-color-paragraph: #3f536e; //
$uni-font-size-paragraph: 15px;
Loading…
Cancel
Save