首次提交
This commit is contained in:
zoujiandong
parent
7d5110a10f
commit
7af87512eb
34
.gitignore
vendored
Normal file
34
.gitignore
vendored
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
yarn.lock
|
||||||
|
|
||||||
|
uni_modules
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
unpackage
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|
||||||
|
# node_modules
|
||||||
|
node_modules
|
||||||
|
package-lock.json
|
||||||
|
package-lock.json
|
||||||
|
components.d.ts
|
||||||
16
.hbuilderx/launch.json
Normal file
16
.hbuilderx/launch.json
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
|
||||||
|
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
|
||||||
|
"version": "0.0",
|
||||||
|
"configurations": [{
|
||||||
|
"app-plus" :
|
||||||
|
{
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"default" :
|
||||||
|
{
|
||||||
|
"launchtype" : "local"
|
||||||
|
},
|
||||||
|
"type" : "uniCloud"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
29
App.vue
Normal file
29
App.vue
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
<script setup>
|
||||||
|
import { onLaunch,onShow,onHide } from '@dcloudio/uni-app'
|
||||||
|
onLaunch(()=>{
|
||||||
|
console.log('App Launch')
|
||||||
|
});
|
||||||
|
onShow(()=>{
|
||||||
|
console.log('App Show')
|
||||||
|
});
|
||||||
|
onHide(()=>{
|
||||||
|
console.log('App Hide')
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
/*每个页面公共css */
|
||||||
|
/* #ifdef H5 */
|
||||||
|
*{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
uni-page-head {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* #endif */
|
||||||
|
wx-button:after{
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
163
api/api.js
Normal file
163
api/api.js
Normal file
@ -0,0 +1,163 @@
|
|||||||
|
import {request} from '@/utils/request.js'
|
||||||
|
const api = {
|
||||||
|
wxLogin(data) {
|
||||||
|
return request('/login/wechat_mobile_login', data, 'post', true);
|
||||||
|
},
|
||||||
|
mobileLogin(data) {
|
||||||
|
return request('/login/mobile_login', data, 'post', true);
|
||||||
|
},
|
||||||
|
getCode(data) {
|
||||||
|
return request('/code/phone', data, 'post', true);
|
||||||
|
},
|
||||||
|
|
||||||
|
getHomeData(data) { //首页数据
|
||||||
|
return request('/index', data, 'get', true);
|
||||||
|
},
|
||||||
|
getClassify(id) { //获取分类详情
|
||||||
|
return request('/class/' + id, {}, 'get', true);
|
||||||
|
},
|
||||||
|
getClassifyList() { //获取分类详情
|
||||||
|
return request('/class/list', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getQuestionPage(data) { //获取问题列表-分页
|
||||||
|
return request('/question/page', data, 'post', true, 'application/json');
|
||||||
|
},
|
||||||
|
getQuestionDetail(id,data) { //获取问题详情
|
||||||
|
return request('/question/'+id, data, 'get', false);
|
||||||
|
},
|
||||||
|
collect(data) {
|
||||||
|
return request('/collection/question', data, 'post', false, 'application/json');
|
||||||
|
},
|
||||||
|
cancelCollect(data) {
|
||||||
|
return request('/collection/question/cancel', data, 'put', false, 'application/json');
|
||||||
|
},
|
||||||
|
getHotList() { //获取问题详情
|
||||||
|
return request('/question/hot', {}, 'get', true);
|
||||||
|
},
|
||||||
|
getQuestionStatus(id) { //获取问题解锁状态
|
||||||
|
return request('/question/unlock/status/' + id, {}, 'get', true);
|
||||||
|
},
|
||||||
|
getQuestionCoupon(data) { //获取患者可使用优惠卷-单项
|
||||||
|
return request('/coupon/usable/question', data, 'get', true);
|
||||||
|
},
|
||||||
|
getVipCoupon(data) { //获取会员可使用优惠卷-单项
|
||||||
|
return request('/coupon/usable/member', data, 'get', true);
|
||||||
|
},
|
||||||
|
getVipPrice() { //获取会员配置数据
|
||||||
|
return request('/member', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getRecentList() {
|
||||||
|
return request('/order/member/recent/list', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getUserInfo() {
|
||||||
|
return request('/user', {}, 'get', true);
|
||||||
|
},
|
||||||
|
getUnnotifyCoupon() { //获取还未弹窗的优惠卷
|
||||||
|
return request('/coupon/unnotified', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getLeast() { //获取最少立减金额
|
||||||
|
return request('/member/least', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getItemList(data) { //获取单项订单列表-分页
|
||||||
|
return request('/order/single/page', data, 'get', true);
|
||||||
|
},
|
||||||
|
getVipList(data) { //获取会员订单列表-分页
|
||||||
|
return request('/order/member/page', data, 'get', true);
|
||||||
|
},
|
||||||
|
createItemOrder(data) { //创建单项订单
|
||||||
|
return request('/order/single', data, 'post', true);
|
||||||
|
},
|
||||||
|
createVipOrder(data) { //创建会员订单
|
||||||
|
return request('/order/member', data, 'post', true);
|
||||||
|
},
|
||||||
|
cancelItemOrder(id) {
|
||||||
|
return request('/order/single/cancel/' + id, {}, 'put', false);
|
||||||
|
},
|
||||||
|
getItemPayData(data, id) {
|
||||||
|
return request('/order/single/pay/' + id, data, 'get', true);
|
||||||
|
|
||||||
|
},
|
||||||
|
getWxConfig(url, data) {
|
||||||
|
return request(url, data, 'get', false);
|
||||||
|
},
|
||||||
|
getCollectList(data) { //获取用户收藏题目列表-分页
|
||||||
|
return request('/collection/question', data, 'get', true);
|
||||||
|
},
|
||||||
|
getFuliList(data) { //获取用户收藏题目列表-分页
|
||||||
|
return request('/coupon', data, 'get', true);
|
||||||
|
},
|
||||||
|
addClickCount(id) { //增加问题点击次数（点击进入详情页的人次
|
||||||
|
return request('/question/click/' + id, {}, 'put', false);
|
||||||
|
},
|
||||||
|
addSubmitCount(id) { //增加问题提交次数（提交个人信息进行了算算的人次）
|
||||||
|
return request('/question/click/submit/' + id, {}, 'put', false);
|
||||||
|
},
|
||||||
|
checkUser(data) { //检测用户数据绑定状态
|
||||||
|
return request('/user/check', data, 'GET', false);
|
||||||
|
},
|
||||||
|
getBasic(data) {
|
||||||
|
return request('/user/info', data, 'GET', true);
|
||||||
|
},
|
||||||
|
updateBasic(data) {
|
||||||
|
return request('/user', data, 'PUT', true,'application/json');
|
||||||
|
},
|
||||||
|
getCase(data) {
|
||||||
|
return request('/user/case', data, 'GET', true);
|
||||||
|
},
|
||||||
|
updateCase(data) {
|
||||||
|
return request('/user/case', data, 'PUT', true,'application/json');
|
||||||
|
},
|
||||||
|
getArea(data) {
|
||||||
|
return request('/area/list', data, 'GET', false);
|
||||||
|
},
|
||||||
|
getDiseaseList(data) {
|
||||||
|
return request('/disease/list', data, 'GET', false);
|
||||||
|
},
|
||||||
|
getNation(data) {
|
||||||
|
return request('/nation/list', data, 'GET', false);
|
||||||
|
},
|
||||||
|
getOssSign(data) {
|
||||||
|
return request('/sign/oss', data, 'GET', false);
|
||||||
|
},
|
||||||
|
ossUpload(url,data){
|
||||||
|
return request(url,data,'post',false,'multipart/form-data')
|
||||||
|
},
|
||||||
|
checkItemPaySatus(id) {
|
||||||
|
return request('/order/single/pay/status/'+id, {}, 'GET', false);
|
||||||
|
},
|
||||||
|
checkVipPaySatus(id) {
|
||||||
|
return request('/order/member/pay/status/'+id, {}, 'GET', false);
|
||||||
|
},
|
||||||
|
saveAnswer(data,id){//保存单项答案
|
||||||
|
return request('/order/single/answer/'+id, data, 'post', false);
|
||||||
|
},
|
||||||
|
getAnswer(id){//获取单项答案
|
||||||
|
return request('/order/single/answer/'+id, {}, 'get', false);
|
||||||
|
},
|
||||||
|
getSearchRecommend(){//搜索推荐
|
||||||
|
return request('/class/recommend/list', {}, 'get', false);
|
||||||
|
},
|
||||||
|
changeCoupon(){
|
||||||
|
return request('/coupon/unnotified', {}, 'put', false);
|
||||||
|
},
|
||||||
|
delVipOrder(id){
|
||||||
|
return request('/order/member/'+id, {}, 'DELETE', false);
|
||||||
|
},
|
||||||
|
delItemOrder(id){
|
||||||
|
return request('/order/single/'+id, {}, 'DELETE', false);
|
||||||
|
},
|
||||||
|
shareSign(data){
|
||||||
|
return request('https://dev-app.igandan.com/app/manager/getSignature4bing', data, 'get', false);
|
||||||
|
},
|
||||||
|
getLikeList(){//搜索推荐
|
||||||
|
return request('question/like', {}, 'get', false);
|
||||||
|
},
|
||||||
|
getData(){
|
||||||
|
return request('https://www.fastmock.site/mock/32012a46e9f66a6180214eef5edc79ac/mydata/promote', {}, 'get', false);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
export default api
|
||||||
59
components/list/list.vue
Normal file
59
components/list/list.vue
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
<template>
|
||||||
|
<view class="u-page">
|
||||||
|
<up-list
|
||||||
|
@scrolltolower="scrolltolower"
|
||||||
|
>
|
||||||
|
<up-list-item
|
||||||
|
v-for="(item, index) in indexList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<up-cell
|
||||||
|
:title="`列表长度-${index + 1}`"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<up-avatar
|
||||||
|
shape="square"
|
||||||
|
size="35"
|
||||||
|
:src="item.url"
|
||||||
|
customStyle="margin: -3px 5px -3px 0"
|
||||||
|
></up-avatar>
|
||||||
|
</template>
|
||||||
|
</up-cell>
|
||||||
|
</up-list-item>
|
||||||
|
</up-list>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from 'vue';
|
||||||
|
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||||
|
const indexList = ref([]);
|
||||||
|
const urls = [
|
||||||
|
'https://uview-plus.jiangruyi.com/album/1.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/2.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/3.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/4.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/5.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/6.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/7.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/8.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/9.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/10.jpg',
|
||||||
|
];
|
||||||
|
|
||||||
|
onLoad(() => {
|
||||||
|
loadmore();
|
||||||
|
});
|
||||||
|
|
||||||
|
const scrolltolower = () => {
|
||||||
|
loadmore();
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadmore = () => {
|
||||||
|
for (let i = 0; i < 30; i++) {
|
||||||
|
indexList.value.push({
|
||||||
|
url: urls[uni.$u.random(0, urls.length - 1)],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
38
components/tabBar/tabBar.vue
Normal file
38
components/tabBar/tabBar.vue
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
<template>
|
||||||
|
<up-tabbar
|
||||||
|
:value="value"
|
||||||
|
:fixed="true"
|
||||||
|
:zIndex="99"
|
||||||
|
:placeholder="true"
|
||||||
|
:safeAreaInsetBottom="true"
|
||||||
|
>
|
||||||
|
<up-tabbar-item text="首页" icon="home" @click="handleClick"></up-tabbar-item>
|
||||||
|
<up-tabbar-item text="放映厅" icon="photo" @click="handleClick"></up-tabbar-item>
|
||||||
|
<up-tabbar-item
|
||||||
|
text="直播"
|
||||||
|
icon="play-right"
|
||||||
|
@click="handleClick"
|
||||||
|
></up-tabbar-item>
|
||||||
|
<up-tabbar-item text="我的" icon="account" @click="handleClick"></up-tabbar-item>
|
||||||
|
</up-tabbar>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
const props=defineProps({
|
||||||
|
value: {
|
||||||
|
type: Number,
|
||||||
|
default: 0,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const handleClick = (e) => {
|
||||||
|
if(e==1){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/case/case",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
</style>
|
||||||
20
index.html
Normal file
20
index.html
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<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>
|
||||||
|
<title></title>
|
||||||
|
<!--preload-links-->
|
||||||
|
<!--app-context-->
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"><!--app-html--></div>
|
||||||
|
<script type="module" src="/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
37
main.js
Normal file
37
main.js
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
import App from './App'
|
||||||
|
import uviewPlus, { setConfig } from 'uview-plus'
|
||||||
|
// #ifndef VUE3
|
||||||
|
console.log(222)
|
||||||
|
import Vue from 'vue'
|
||||||
|
import './uni.promisify.adaptor'
|
||||||
|
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)
|
||||||
|
app.use(uviewPlus, () => {
|
||||||
|
return {
|
||||||
|
options: {
|
||||||
|
// 修改$u.config对象的属性
|
||||||
|
config: {
|
||||||
|
// 修改默认单位为rpx，相当于执行 uni.$u.config.unit = 'rpx'
|
||||||
|
unit: 'rpx'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
console.log(uni.$u.config.v);
|
||||||
|
return {
|
||||||
|
app
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
console.log(1111)
|
||||||
|
console.log(process.env.NODE_ENV)
|
||||||
86
manifest.json
Normal file
86
manifest.json
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
{
|
||||||
|
"name" : "caseDataBase",
|
||||||
|
"appid" : "__UNI__C5266FA",
|
||||||
|
"description" : "",
|
||||||
|
"versionName" : "1.0.0",
|
||||||
|
"versionCode" : "100",
|
||||||
|
"transformPx" : false,
|
||||||
|
/* 5+App特有相关 */
|
||||||
|
"app-plus" : {
|
||||||
|
"usingComponents" : true,
|
||||||
|
"nvueStyleCompiler" : "uni-app",
|
||||||
|
"compilerVersion" : 3,
|
||||||
|
"compatible" : {
|
||||||
|
"ignoreVersion" : true,
|
||||||
|
"runtimeVersion" : "4.45,4.24,4.18",
|
||||||
|
"compilerVersion" : "4.57"
|
||||||
|
},
|
||||||
|
"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.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.ACCESS_NETWORK_STATE\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||||
|
"<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.FLASHLIGHT\"/>",
|
||||||
|
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||||
|
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
/* 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" : "3",
|
||||||
|
"h5" : {
|
||||||
|
"router" : {
|
||||||
|
"mode" : "history",
|
||||||
|
"base" : ""
|
||||||
|
},
|
||||||
|
"devServer" : {
|
||||||
|
"https" : false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
15
package.json
Normal file
15
package.json
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"name": "casedatabase",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "",
|
||||||
|
"main": "main.js",
|
||||||
|
"scripts": {
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"keywords": [],
|
||||||
|
"author": "",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"uview-plus": "^3.4.4"
|
||||||
|
}
|
||||||
|
}
|
||||||
67
pages.json
Normal file
67
pages.json
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
{
|
||||||
|
"easycom": {
|
||||||
|
"autoscan": true,
|
||||||
|
// 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
|
||||||
|
"custom": {
|
||||||
|
"^u--(.*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue",
|
||||||
|
"^up-(.*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue",
|
||||||
|
"^u-([^-].*)": "@/node_modules/uview-plus/components/u-$1/u-$1.vue"
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"pages": [
|
||||||
|
//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
|
||||||
|
|
||||||
|
{
|
||||||
|
"path": "pages/login/login",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "登录"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "uni-app",
|
||||||
|
"enablePullDownRefresh":false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/case/case",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "互动病例"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"path": "pages/apply/apply",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "注册",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"disableScroll": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/register/register",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "注册"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"subPackages": [{
|
||||||
|
"root": "pages_case",
|
||||||
|
"pages": [{
|
||||||
|
"path": "index/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "uni-app分页"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
}],
|
||||||
|
|
||||||
|
"globalStyle": {
|
||||||
|
"navigationBarTextStyle": "black",
|
||||||
|
"navigationBarTitleText": "uni-app",
|
||||||
|
"navigationBarBackgroundColor": "#F8F8F8",
|
||||||
|
"backgroundColor": "#F8F8F8"
|
||||||
|
},
|
||||||
|
"uniIdRouter": {}
|
||||||
|
}
|
||||||
225
pages/apply/apply.vue
Normal file
225
pages/apply/apply.vue
Normal file
@ -0,0 +1,225 @@
|
|||||||
|
<template>
|
||||||
|
<view class="logincontent">
|
||||||
|
<up-form labelPosition="left" :model="model" ref="form" labelWidth="115rpx">
|
||||||
|
<up-form-item label="姓名" prop="userInfo.name" borderBottom>
|
||||||
|
<up-input v-model="model.name" placeholder="请输入真实姓名"></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
|
||||||
|
<view class="smsbox">
|
||||||
|
<up-form-item label="医院" prop="userInfo.name" borderBottom @click="showArea=true">
|
||||||
|
<up-input v-model="model.name" placeholder="请选择医院"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-icon name="arrow-right"></up-icon>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item label="科室" prop="userInfo.name" borderBottom @click="showDepart=true">
|
||||||
|
<up-input v-model="model.name" placeholder="请选择科室"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-icon name="arrow-right"></up-icon>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item label="职称" prop="userInfo.name" borderBottom @click="showTitle=true">
|
||||||
|
<up-input v-model="model.name" placeholder="请选择职称"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-icon name="arrow-right"></up-icon>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item label="执业证号(选填)" prop="userInfo.name" borderBottom>
|
||||||
|
<up-input
|
||||||
|
v-model="model.name"
|
||||||
|
placeholder="请输入执业证号"
|
||||||
|
></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item
|
||||||
|
label="执业医师资格证或工作胸牌"
|
||||||
|
prop="userInfo.name"
|
||||||
|
borderBottom
|
||||||
|
>
|
||||||
|
<up-input v-model="model.name" placeholder=""></up-input>
|
||||||
|
<template #right>
|
||||||
|
<view class="rightbox">
|
||||||
|
<view class="uploadwraper">
|
||||||
|
<up-upload @afterRead="afterRead" :maxCount="1"> </up-upload>
|
||||||
|
<image
|
||||||
|
:src="img"
|
||||||
|
mode="widthFix"
|
||||||
|
style="width: 120rpx; height: 80px"
|
||||||
|
class="dimg"
|
||||||
|
></image>
|
||||||
|
</view>
|
||||||
|
<up-icon name="arrow-right"></up-icon>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
</view>
|
||||||
|
</up-form>
|
||||||
|
|
||||||
|
<view class="row">
|
||||||
|
<up-button
|
||||||
|
:customStyle="customStyle"
|
||||||
|
class="custom-style"
|
||||||
|
type="success"
|
||||||
|
text="提交"
|
||||||
|
color="#3cc7c0"
|
||||||
|
size="large"
|
||||||
|
></up-button>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<QfImageCropper
|
||||||
|
v-if="showCroper"
|
||||||
|
:width="500"
|
||||||
|
:height="500"
|
||||||
|
:radius="0"
|
||||||
|
backgroundColor="#000"
|
||||||
|
:src="coperImg"
|
||||||
|
zIndex="999"
|
||||||
|
delay="1500"
|
||||||
|
ref="imgCropper"
|
||||||
|
@cancel="handleCancel"
|
||||||
|
@crop="handleCrop"
|
||||||
|
></QfImageCropper>
|
||||||
|
</view>
|
||||||
|
<up-picker @cancel="closeArea" @confirm="confirmArea" :show="showArea" :columns="areacolumns"></up-picker>
|
||||||
|
<up-picker @cancel="closeDepart" @confirm="confirmDepart" :show="showDepart" :columns="departcolumns"></up-picker>
|
||||||
|
<up-picker @cancel="closeTitle" @confirm="confirmTitle" :show="showTitle" :columns="titlecolumns"></up-picker>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from "vue";
|
||||||
|
import { onShow } from "@dcloudio/uni-app";
|
||||||
|
import img from "@/static/default.png";
|
||||||
|
import QfImageCropper from "@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue";
|
||||||
|
|
||||||
|
const imgCropper=ref(null);
|
||||||
|
const model = reactive({
|
||||||
|
name: "",
|
||||||
|
});
|
||||||
|
const showCroper = ref(false);
|
||||||
|
const coperImg = ref("");
|
||||||
|
|
||||||
|
const customStyle = reactive({
|
||||||
|
height: "90rpx",
|
||||||
|
fontSize: "36rpx",
|
||||||
|
});
|
||||||
|
const areacolumns = ref([]);
|
||||||
|
const showArea = ref(false);
|
||||||
|
const departcolumns = ref([]);
|
||||||
|
const showDepart = ref(false);
|
||||||
|
const titlecolumns = ref([]);
|
||||||
|
const showTitle = ref(false);
|
||||||
|
const closeArea = () => {
|
||||||
|
showArea.value = false;
|
||||||
|
};
|
||||||
|
const confirmArea = (e) => {
|
||||||
|
|
||||||
|
showArea.value = false;
|
||||||
|
};
|
||||||
|
const closeDepart = () => {
|
||||||
|
showDepart.value = false;
|
||||||
|
};
|
||||||
|
const confirmDepart = (e) => {
|
||||||
|
console.log(e);
|
||||||
|
showDepart.value = false;
|
||||||
|
};
|
||||||
|
const closeTitle = () => {
|
||||||
|
showTitle.value = false;
|
||||||
|
};
|
||||||
|
const confirmTitle = (e) => {
|
||||||
|
showTitle.value = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
const afterRead = (event) => {
|
||||||
|
// console.log(event.file);
|
||||||
|
// console.log(QfImageCropper);
|
||||||
|
coperImg.value =event.file.url;
|
||||||
|
showCroper.value = true;
|
||||||
|
};
|
||||||
|
const handleCrop = (e) => {
|
||||||
|
console.log(e.tempFilePath)
|
||||||
|
// uni.previewImage({
|
||||||
|
// urls: [e.tempFilePath],
|
||||||
|
// current: 0,
|
||||||
|
// });
|
||||||
|
};
|
||||||
|
const handleCancel = () => {
|
||||||
|
showCroper.value = false;
|
||||||
|
};
|
||||||
|
onShow(() => {
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.logincontent {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background: #fff;
|
||||||
|
.rightbox {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.uploadwraper {
|
||||||
|
position: relative;
|
||||||
|
width: 140rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
::v-deep .u-upload {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.uploadwraper ::v-deep .dimg {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.smsbox ::v-deep .u-form-item:nth-child(4) .u-form-item__body__left {
|
||||||
|
width: 240rpx !important;
|
||||||
|
}
|
||||||
|
.smsbox ::v-deep .u-form-item:nth-child(5) .u-form-item__body__left {
|
||||||
|
width: 418rpx !important;
|
||||||
|
}
|
||||||
|
::v-deep .u-form-item__body__left__content__label {
|
||||||
|
font-size: 34rpx;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
padding: 124rpx 0 64rpx 30rpx;
|
||||||
|
//padding-left: 30rpx;
|
||||||
|
font-size: 46rpx;
|
||||||
|
font-stretch: normal;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
::v-deep .u-form {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
margin-top: 60rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
.left {
|
||||||
|
flex: 1;
|
||||||
|
color: #3cc7c0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
flex: 1;
|
||||||
|
color: #666;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
::v-deep .u-button--large .u-button__text {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .wrap {
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
34
pages/case/case.vue
Normal file
34
pages/case/case.vue
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<view class="page">
|
||||||
|
<web-view src="https://wx.igandan.com/hcp/toRegister" @load="loadView"></web-view>
|
||||||
|
</view>
|
||||||
|
<tabBar :value="1"></tabBar>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { reactive, ref } from "vue";
|
||||||
|
import { onShow, onReady } from "@dcloudio/uni-app";
|
||||||
|
import tabBar from "@/components/tabBar/tabBar.vue";
|
||||||
|
|
||||||
|
const loadView = () => {
|
||||||
|
console.log("加载完成");
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: "注册", // 使用data中的title或者动态生成的title
|
||||||
|
});
|
||||||
|
};
|
||||||
|
onShow(() => {
|
||||||
|
|
||||||
|
});
|
||||||
|
onReady(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.page {
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100vh - 100rpx);
|
||||||
|
overflow-y: scroll;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
89
pages/index/index.vue
Normal file
89
pages/index/index.vue
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<view class="u-page">
|
||||||
|
<scroll-view scroll-y="true"
|
||||||
|
@scrolltolower="scrolltolower" refresher-enabled="true" :refresher-triggered="triggered"
|
||||||
|
@refresherrefresh="onRefresh" @refresherrestore="onRestore" :refresher-threshold="100">
|
||||||
|
<view v-for="(item, index) in indexList" :key="index">
|
||||||
|
<up-cell :title="`111`">
|
||||||
|
<template #icon>
|
||||||
|
<up-avatar shape="square" size="35" :src="item.url"
|
||||||
|
customStyle="margin: -3px 5px -3px 0"></up-avatar>
|
||||||
|
</template>
|
||||||
|
</up-cell>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
<tabBar></tabBar>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
reactive
|
||||||
|
} from 'vue';
|
||||||
|
import {
|
||||||
|
onLoad,
|
||||||
|
onShow,
|
||||||
|
onPullDownRefresh
|
||||||
|
} from '@dcloudio/uni-app';
|
||||||
|
import tabBar from '@/components/tabBar/tabBar.vue';
|
||||||
|
import api from "@/api/api"
|
||||||
|
console.log(api)
|
||||||
|
const indexList = ref([]);
|
||||||
|
const status = ref('loadmore');
|
||||||
|
const triggered = ref(false);
|
||||||
|
const urls = [
|
||||||
|
'https://uview-plus.jiangruyi.com/album/1.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/2.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/3.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/4.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/5.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/6.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/7.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/8.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/9.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/10.jpg',
|
||||||
|
];
|
||||||
|
|
||||||
|
onLoad(() => {
|
||||||
|
loadmore();
|
||||||
|
triggered.value = 'restore';
|
||||||
|
});
|
||||||
|
const onRefresh = () => {
|
||||||
|
setTimeout(() => {
|
||||||
|
triggered.value = false
|
||||||
|
}, 1000)
|
||||||
|
|
||||||
|
}
|
||||||
|
const onRestore = () => {
|
||||||
|
triggered.value = 'restore'; // 需要重置
|
||||||
|
console.log("onRestore");
|
||||||
|
};
|
||||||
|
const scrolltolower = () => {
|
||||||
|
loadmore();
|
||||||
|
};
|
||||||
|
// onPullDownRefresh(() => {
|
||||||
|
// getData();
|
||||||
|
|
||||||
|
// });
|
||||||
|
const getData = () => {
|
||||||
|
setTimeout(() => {
|
||||||
|
triggered.value = false;
|
||||||
|
}, 2000)
|
||||||
|
// api.getData().then(res=>{
|
||||||
|
// alert(11)
|
||||||
|
// refresherTriggered.value=false;
|
||||||
|
// uni.stopPullDownRefresh()
|
||||||
|
// })
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const loadmore = () => {
|
||||||
|
for (let i = 0; i < 30; i++) {
|
||||||
|
indexList.value.push({
|
||||||
|
url: urls[uni.$u.random(0, urls.length - 1)],
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
322
pages/login/login.vue
Normal file
322
pages/login/login.vue
Normal file
@ -0,0 +1,322 @@
|
|||||||
|
<template>
|
||||||
|
<view class="logincontent">
|
||||||
|
<view class="title">登录观看</view>
|
||||||
|
<up-form labelPosition="left" :model="model" ref="form" labelWidth="115rpx">
|
||||||
|
<up-form-item
|
||||||
|
label="手机号"
|
||||||
|
prop="userInfo.name"
|
||||||
|
borderBottom
|
||||||
|
v-if="!isPhoneLogin"
|
||||||
|
>
|
||||||
|
<up-input
|
||||||
|
v-model="model.name"
|
||||||
|
placeholder="请输入肝胆相照专家版手机号"
|
||||||
|
></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
<!-- <view v-if="isPhoneLogin" class="pwdbox">
|
||||||
|
<up-form-item label="密码" prop="userInfo.name" borderBottom>
|
||||||
|
<up-input
|
||||||
|
v-model="model.name"
|
||||||
|
type="password"
|
||||||
|
placeholder="请输入密码"
|
||||||
|
></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item
|
||||||
|
label="图形验证码"
|
||||||
|
prop="userInfo.name"
|
||||||
|
borderBottom
|
||||||
|
v-if="isPwdPic"
|
||||||
|
>
|
||||||
|
<up-input
|
||||||
|
v-model="model.name"
|
||||||
|
placeholder="请输入图形验证码"
|
||||||
|
></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-image
|
||||||
|
:show-loading="true"
|
||||||
|
src="https://cdn.uviewui.com/uview/album/1.jpg"
|
||||||
|
width="160rpx"
|
||||||
|
height="74rpx"
|
||||||
|
></up-image>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
</view> -->
|
||||||
|
<view class="smsbox" v-if="!isPhoneLogin">
|
||||||
|
<!-- <up-form-item label="图形验证码" prop="userInfo.name" borderBottom>
|
||||||
|
<up-input
|
||||||
|
v-model="model.name"
|
||||||
|
placeholder="请输入图形验证码"
|
||||||
|
></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-image
|
||||||
|
:show-loading="true"
|
||||||
|
src="https://cdn.uviewui.com/uview/album/1.jpg"
|
||||||
|
width="160rpx"
|
||||||
|
height="74rpx"
|
||||||
|
></up-image>
|
||||||
|
</template>
|
||||||
|
</up-form-item> -->
|
||||||
|
<up-form-item label="验证码" prop="userInfo.name" borderBottom>
|
||||||
|
<up-input v-model="model.name" placeholder="请输入验证码"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<view class="wrap">
|
||||||
|
<up-toast ref="uToastRef"></up-toast>
|
||||||
|
<up-code
|
||||||
|
:seconds="seconds"
|
||||||
|
@end="end"
|
||||||
|
@start="start"
|
||||||
|
ref="uCodeRef"
|
||||||
|
@change="codeChange"
|
||||||
|
></up-code>
|
||||||
|
<up-button
|
||||||
|
@tap="getCode"
|
||||||
|
:customStyle="customCode"
|
||||||
|
color="#e2e2e2"
|
||||||
|
class="custom-code"
|
||||||
|
><text class="codetext">{{ tips }}</text></up-button
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
</view>
|
||||||
|
</up-form>
|
||||||
|
|
||||||
|
<view class="row" v-if="!isPhoneLogin">
|
||||||
|
<up-button
|
||||||
|
:customStyle="customStyle"
|
||||||
|
class="custom-style"
|
||||||
|
type="success"
|
||||||
|
text="登录"
|
||||||
|
color="#3cc7c0"
|
||||||
|
size="large"
|
||||||
|
></up-button>
|
||||||
|
</view>
|
||||||
|
<view class="row" style="margin-top: 120rpx" v-else>
|
||||||
|
<up-button
|
||||||
|
:customStyle="customStyle"
|
||||||
|
class="custom-style"
|
||||||
|
type="success"
|
||||||
|
@getphonenumber="getPhoneNumber"
|
||||||
|
open-type="getPhoneNumber"
|
||||||
|
text="手机号快捷登录"
|
||||||
|
color="#3cc7c0"
|
||||||
|
size="large"
|
||||||
|
></up-button>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="left" @click="switchType">
|
||||||
|
{{ isPhoneLogin ? "用短信验证码登录" : "快捷登录" }}
|
||||||
|
</view>
|
||||||
|
<view class="right" @click="goRegister"> 注册 </view>
|
||||||
|
</view>
|
||||||
|
<view class="row" style="margin-top:10rpx">
|
||||||
|
<up-radio-group v-model="checked">
|
||||||
|
<up-radio
|
||||||
|
label="我已阅读并同意<a>《用户协议》</a>"
|
||||||
|
></up-radio>
|
||||||
|
</up-radio-group>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="tip">操作说明</view>
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">1、</view>
|
||||||
|
肝胆相照注册账号与微信绑定，肝胆相照相关直播、视频无忧随心看
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">2、</view>
|
||||||
|
仅需操作一次，后续通过微信观看直播、视频无需额外操作，立即进入
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">3、</view>
|
||||||
|
若您还未注册肝胆相照专家版App, 请直接点击“注册”进行注册操作
|
||||||
|
</view>
|
||||||
|
<view class="desc">
|
||||||
|
若您有任何疑问或需要我们协助，请与您的小助手联系或直接微信联系<text
|
||||||
|
class="red"
|
||||||
|
>igandan1000</text
|
||||||
|
>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from "vue";
|
||||||
|
import { onShow } from "@dcloudio/uni-app";
|
||||||
|
import api from "@/api/api";
|
||||||
|
import auth from "@/utils/auth";
|
||||||
|
const model = reactive({
|
||||||
|
name: "",
|
||||||
|
});
|
||||||
|
const isPwdPic = ref(false);
|
||||||
|
const isPhoneLogin = ref(true);
|
||||||
|
const customStyle = reactive({
|
||||||
|
height: "90rpx",
|
||||||
|
fontSize: "36rpx",
|
||||||
|
});
|
||||||
|
const customCode = reactive({
|
||||||
|
color: "#3ec7c0",
|
||||||
|
height: "64rpx",
|
||||||
|
fontSize: "28rpx",
|
||||||
|
borderColor: "#e2e2e2",
|
||||||
|
opcity: "1",
|
||||||
|
});
|
||||||
|
const tips = ref("");
|
||||||
|
const seconds = ref(10);
|
||||||
|
const uCodeRef = ref(null);
|
||||||
|
const checked = ref(false);
|
||||||
|
const getPhoneNumber = (e) => {
|
||||||
|
if (e.detail.errMsg === "getPhoneNumber:ok") {
|
||||||
|
console.log(e.target.code)
|
||||||
|
auth().then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
api.wxLogin({
|
||||||
|
phone_code: e.target.code,
|
||||||
|
wx_code: res,
|
||||||
|
})
|
||||||
|
.then((data) => {
|
||||||
|
const { envVersion } = uni.getAccountInfoSync().miniProgram;
|
||||||
|
if (envVersion == "release") {
|
||||||
|
uni.setStorageSync("AUTH_TOKEN", data.token);
|
||||||
|
} else {
|
||||||
|
uni.setStorageSync("DEV_AUTH_TOKEN", data.token);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const isPhoneNum = (phonenum) => {
|
||||||
|
let reg = /^1[3456789]\d{9}$/;
|
||||||
|
if (!reg.test(phonenum)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请输入有效的手机号码！",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const codeChange = (text) => {
|
||||||
|
tips.value = text;
|
||||||
|
};
|
||||||
|
const switchType = () => {
|
||||||
|
isPhoneLogin.value = !isPhoneLogin.value;
|
||||||
|
};
|
||||||
|
const goRegister = () => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/register/register",
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const getCode = () => {
|
||||||
|
if (uCodeRef.value.canGetCode) {
|
||||||
|
// 模拟向后端请求验证码
|
||||||
|
uni.showLoading({
|
||||||
|
title: "正在获取验证码",
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被start()方法中的提示覆盖
|
||||||
|
uni.$u.toast("验证码已发送");
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
uCodeRef.value.start();
|
||||||
|
}, 2000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast("倒计时结束后再发送");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const end = () => {
|
||||||
|
customCode.opacity = 1;
|
||||||
|
};
|
||||||
|
|
||||||
|
const start = () => {
|
||||||
|
customCode.opacity = 0.5;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.logincontent {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background: #fff;
|
||||||
|
.pwdbox ::v-deep .u-form-item:nth-child(2) .u-form-item__body__left {
|
||||||
|
width: 180rpx !important;
|
||||||
|
}
|
||||||
|
.smsbox ::v-deep .u-form-item:first-child .u-form-item__body__left {
|
||||||
|
width: 180rpx !important;
|
||||||
|
}
|
||||||
|
::v-deep .u-form-item__body__left__content__label {
|
||||||
|
font-size: 34rpx;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
padding: 124rpx 0 64rpx 30rpx;
|
||||||
|
//padding-left: 30rpx;
|
||||||
|
font-size: 46rpx;
|
||||||
|
font-stretch: normal;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
::v-deep .u-form {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
.left {
|
||||||
|
flex: 1;
|
||||||
|
color: #3cc7c0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
flex: 1;
|
||||||
|
color: #666;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
::v-deep .u-button--large .u-button__text {
|
||||||
|
font-size: 36rpx !important;
|
||||||
|
}
|
||||||
|
.tip {
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .wrap {
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
// ::v-deep .custom-code .codetext,::v-deep .custom-code .u-button{
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-content: center;
|
||||||
|
// color:#3ec7c0!important;
|
||||||
|
// height:64rpx!important;
|
||||||
|
// font-size: 28rpx!important;
|
||||||
|
// border:none!important;
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
.line {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
color: rgb(153, 153, 153);
|
||||||
|
line-height: 44rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
display: flex;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.desc {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
color: rgb(153, 153, 153);
|
||||||
|
line-height: 44rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
.red {
|
||||||
|
color: rgb(255, 0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
227
pages/register/register.vue
Normal file
227
pages/register/register.vue
Normal file
@ -0,0 +1,227 @@
|
|||||||
|
<template>
|
||||||
|
<view class="logincontent">
|
||||||
|
<up-form labelPosition="left" :model="model" ref="form" labelWidth="115rpx">
|
||||||
|
<up-form-item
|
||||||
|
label="手机号"
|
||||||
|
prop="userInfo.name"
|
||||||
|
borderBottom
|
||||||
|
|
||||||
|
>
|
||||||
|
<up-input v-model="model.name" placeholder="请输入肝胆相照专家版手机号"></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
|
||||||
|
<view class="smsbox" >
|
||||||
|
<up-form-item label="图形验证码" prop="userInfo.name" borderBottom >
|
||||||
|
<up-input v-model="model.name" placeholder="请输入图形验证码"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<up-image :show-loading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="160rpx" height="74rpx" ></up-image>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item label="验证码" prop="userInfo.name" borderBottom >
|
||||||
|
<up-input v-model="model.name" placeholder="请输入验证码"></up-input>
|
||||||
|
<template #right>
|
||||||
|
<view class="wrap">
|
||||||
|
<up-toast ref="uToastRef"></up-toast>
|
||||||
|
<up-code :seconds="seconds" @end="end" @start="start" ref="uCodeRef"
|
||||||
|
@change="codeChange" ></up-code>
|
||||||
|
<up-button @tap="getCode" :customStyle="customCode" color="#e2e2e2" class="custom-code"><text class="codetext">{{tips}}</text></up-button>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
</up-form-item>
|
||||||
|
<up-form-item label="密码" prop="userInfo.name" borderBottom >
|
||||||
|
<up-input v-model="model.name" type="password" placeholder="请输入6-16位字母、数字组合"></up-input>
|
||||||
|
</up-form-item>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</up-form>
|
||||||
|
|
||||||
|
<view class="row">
|
||||||
|
<up-button :customStyle="customStyle" class="custom-style" type="success" text="下一步" color="#3cc7c0" size="large" @click="goApply"></up-button>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="tip">操作说明</view>
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">1、</view>
|
||||||
|
肝胆相照注册账号与微信绑定，肝胆相照相关直播、视频无忧随心看
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">2、</view>
|
||||||
|
仅需操作一次，后续通过微信观看直播、视频无需额外操作，立即进入
|
||||||
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="qq">3、</view>
|
||||||
|
若您还未注册肝胆相照专家版App, 请直接点击“注册”进行注册操作
|
||||||
|
</view>
|
||||||
|
<view class="desc">
|
||||||
|
若您有任何疑问或需要我们协助，请与您的小助手联系或直接微信联系<text class="red">igandan1000</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from "vue";
|
||||||
|
import { onShow } from "@dcloudio/uni-app";
|
||||||
|
const model = reactive({
|
||||||
|
name: "",
|
||||||
|
});
|
||||||
|
const isPwdPic = ref(false);
|
||||||
|
const isPhoneLogin = ref(true);
|
||||||
|
const customStyle = reactive({
|
||||||
|
height: '90rpx',
|
||||||
|
fontSize:'36rpx'
|
||||||
|
});
|
||||||
|
const customCode = reactive({
|
||||||
|
color: '#3ec7c0',
|
||||||
|
height: '64rpx',
|
||||||
|
fontSize:'28rpx',
|
||||||
|
borderColor:'#e2e2e2',
|
||||||
|
opcity:'1'
|
||||||
|
});
|
||||||
|
const tips = ref('');
|
||||||
|
const seconds = ref(10);
|
||||||
|
const uCodeRef = ref(null);
|
||||||
|
const isPhoneNum = (phonenum) => {
|
||||||
|
let reg = /^1[3456789]\d{9}$/;
|
||||||
|
if (!reg.test(phonenum)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请输入有效的手机号码！",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const validate=()=>{
|
||||||
|
if(!(/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/.test(pwd))){
|
||||||
|
uni.showToast({
|
||||||
|
title: "密码应为6-16位数字或字母组合",
|
||||||
|
icon: "none",
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
const codeChange = (text) => {
|
||||||
|
tips.value = text;
|
||||||
|
};
|
||||||
|
const goApply = () => {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/apply/apply',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const getCode = () => {
|
||||||
|
if (uCodeRef.value.canGetCode) {
|
||||||
|
// 模拟向后端请求验证码
|
||||||
|
uni.showLoading({
|
||||||
|
title: '正在获取验证码',
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.hideLoading();
|
||||||
|
// 这里此提示会被start()方法中的提示覆盖
|
||||||
|
uni.$u.toast('验证码已发送');
|
||||||
|
// 通知验证码组件内部开始倒计时
|
||||||
|
uCodeRef.value.start();
|
||||||
|
}, 2000);
|
||||||
|
} else {
|
||||||
|
uni.$u.toast('倒计时结束后再发送');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const end = () => {
|
||||||
|
customCode.opacity = 1;
|
||||||
|
};
|
||||||
|
|
||||||
|
const start = () => {
|
||||||
|
customCode.opacity = 0.5;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.logincontent {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background: #fff;
|
||||||
|
.pwdbox ::v-deep .u-form-item:nth-child(2) .u-form-item__body__left{
|
||||||
|
width:180rpx!important;
|
||||||
|
}
|
||||||
|
.smsbox ::v-deep .u-form-item:first-child .u-form-item__body__left{
|
||||||
|
width:180rpx!important;
|
||||||
|
}
|
||||||
|
::v-deep .u-form-item__body__left__content__label{
|
||||||
|
font-size: 34rpx;
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
padding: 124rpx 0 64rpx 30rpx;
|
||||||
|
//padding-left: 30rpx;
|
||||||
|
font-size: 46rpx;
|
||||||
|
font-stretch: normal;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
::v-deep .u-form {
|
||||||
|
padding: 0 30rpx;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
margin-top: 60rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 30rpx;
|
||||||
|
.left {
|
||||||
|
flex: 1;
|
||||||
|
color: #3cc7c0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
flex: 1;
|
||||||
|
color: #666;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
::v-deep .u-button--large .u-button__text{
|
||||||
|
font-size:36rpx!important;
|
||||||
|
}
|
||||||
|
.tip{
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .wrap{
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
// ::v-deep .custom-code .codetext,::v-deep .custom-code .u-button{
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-content: center;
|
||||||
|
// color:#3ec7c0!important;
|
||||||
|
// height:64rpx!important;
|
||||||
|
// font-size: 28rpx!important;
|
||||||
|
// border:none!important;
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
.line{
|
||||||
|
padding: 0 30rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
color: rgb(153, 153, 153);
|
||||||
|
line-height: 44rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
display: flex;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
.desc{
|
||||||
|
padding: 0 30rpx;
|
||||||
|
color: rgb(153, 153, 153);
|
||||||
|
line-height: 44rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
letter-spacing: 2rpx;
|
||||||
|
.red{
|
||||||
|
color: rgb(255, 0, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
60
pages_case/index/index.vue
Normal file
60
pages_case/index/index.vue
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<template>
|
||||||
|
<view class="u-page">
|
||||||
|
<up-list
|
||||||
|
@scrolltolower="scrolltolower"
|
||||||
|
>
|
||||||
|
<up-list-item
|
||||||
|
v-for="(item, index) in indexList"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<up-cell
|
||||||
|
:title="`列表长度-${index + 1}`"
|
||||||
|
>
|
||||||
|
<template #icon>
|
||||||
|
<up-avatar
|
||||||
|
shape="square"
|
||||||
|
size="35"
|
||||||
|
:src="item.url"
|
||||||
|
customStyle="margin: -3px 5px -3px 0"
|
||||||
|
></up-avatar>
|
||||||
|
</template>
|
||||||
|
</up-cell>
|
||||||
|
</up-list-item>
|
||||||
|
</up-list>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, reactive } from 'vue';
|
||||||
|
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||||
|
|
||||||
|
const indexList = ref([]);
|
||||||
|
const urls = [
|
||||||
|
'https://uview-plus.jiangruyi.com/album/1.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/2.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/3.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/4.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/5.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/6.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/7.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/8.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/9.jpg',
|
||||||
|
'https://uview-plus.jiangruyi.com/album/10.jpg',
|
||||||
|
];
|
||||||
|
|
||||||
|
onLoad(() => {
|
||||||
|
loadmore();
|
||||||
|
});
|
||||||
|
|
||||||
|
const scrolltolower = () => {
|
||||||
|
loadmore();
|
||||||
|
};
|
||||||
|
|
||||||
|
const loadmore = () => {
|
||||||
|
for (let i = 0; i < 30; i++) {
|
||||||
|
indexList.value.push({
|
||||||
|
url: urls[uni.$u.random(0, urls.length - 1)],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
BIN
static/default.png
Normal file
BIN
static/default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/logo.png
Normal file
BIN
static/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
10
uni.promisify.adaptor.js
Normal file
10
uni.promisify.adaptor.js
Normal file
@ -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]));
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
77
uni.scss
Normal file
77
uni.scss
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
/**
|
||||||
|
* 这里是uni-app内置的常用样式变量
|
||||||
|
*
|
||||||
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||||
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||||
|
*
|
||||||
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||||
|
*/
|
||||||
|
@import 'uview-plus/theme.scss';
|
||||||
|
|
||||||
|
/* 颜色变量 */
|
||||||
|
|
||||||
|
/* 行为相关颜色 */
|
||||||
|
$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:16px;
|
||||||
|
|
||||||
|
/* 图片尺寸 */
|
||||||
|
$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;
|
||||||
22
utils/auth.js
Normal file
22
utils/auth.js
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
function auth(){ //鉴权
|
||||||
|
return new Promise((resolve,reject)=>{
|
||||||
|
uni.login({
|
||||||
|
provider: 'weixin', //使用微信登录
|
||||||
|
onlyAuthorize: true, //不弹出授权页面，直接进入微信登录流程
|
||||||
|
success(res){
|
||||||
|
if(res.errMsg=="login:ok"){
|
||||||
|
resolve(res.code)
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title:res.errMsg,
|
||||||
|
icon:'error'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail(err){
|
||||||
|
reject(err)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export default auth
|
||||||
7
utils/config.js
Normal file
7
utils/config.js
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
let BASE_URL=''
|
||||||
|
if(process.env.NODE_ENV=='production'){
|
||||||
|
BASE_URL='1111111'
|
||||||
|
}else{
|
||||||
|
BASE_URL='22222222'
|
||||||
|
}
|
||||||
|
export default BASE_URL
|
||||||
22
utils/navTo.js
Normal file
22
utils/navTo.js
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
import pageUrl from './pageUrl'
|
||||||
|
function navTo(obj){
|
||||||
|
// let token='';
|
||||||
|
// if(process.env.NODE_ENV === 'development'){
|
||||||
|
// token = uni.getStorageSync('DEV_AUTH_TOKEN_FIGURE');
|
||||||
|
// }else{
|
||||||
|
// token = uni.getStorageSync('AUTH_TOKEN_FIGURE');
|
||||||
|
// }
|
||||||
|
// if(!token){
|
||||||
|
// let page_url=pageUrl();
|
||||||
|
// uni.setStorageSync('redirectUrl',page_url);
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/login/login?redirectUrl=has'
|
||||||
|
// });
|
||||||
|
// }else{
|
||||||
|
// uni.navigateTo(obj)
|
||||||
|
// }
|
||||||
|
uni.navigateTo(obj)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export default navTo
|
||||||
19
utils/pageUrl.js
Normal file
19
utils/pageUrl.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
function pageUrl(){
|
||||||
|
// 获取当前页面的实例
|
||||||
|
const pages = getCurrentPages();
|
||||||
|
const currentPage = pages[pages.length - 1];
|
||||||
|
|
||||||
|
// 获取页面的完整URL
|
||||||
|
const url = currentPage.route; // 页面路径
|
||||||
|
const options = currentPage.options; // 如果有查询参数，将会在这里
|
||||||
|
|
||||||
|
// 拼接URL
|
||||||
|
let fullUrl = url + '?';
|
||||||
|
for (let key in options) {
|
||||||
|
fullUrl += `${key}=${options[key]}&`;
|
||||||
|
}
|
||||||
|
fullUrl = fullUrl.substring(0, fullUrl.length - 1); // 移除最后一个"&"
|
||||||
|
|
||||||
|
return fullUrl
|
||||||
|
}
|
||||||
|
export default pageUrl
|
||||||
119
utils/request.js
Normal file
119
utils/request.js
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
/**
|
||||||
|
* @Method Description
|
||||||
|
* @Author: zjd@
|
||||||
|
* @Description: 数据请求整合 处理
|
||||||
|
* @BASE_URL server
|
||||||
|
* @param {a===Object||file} 传给后台参数Method 请求方法 url 所请求的接口路径
|
||||||
|
* @return Promise对象 所有数据信息
|
||||||
|
* @createTime: 2024-7-22 15:05:06
|
||||||
|
*/
|
||||||
|
import BASE_URL from "./config.js";
|
||||||
|
//import host from "@/utils/host";
|
||||||
|
//import {msg} from "./util.js"
|
||||||
|
import pageUrl from './pageUrl'
|
||||||
|
//alert(BASE_URL)
|
||||||
|
//const BASE_URL=host+"/api"
|
||||||
|
export const request = (url, data = {}, method = 'post',loading = false,contentType='application/x-www-form-urlencoded') => {
|
||||||
|
if(loading){
|
||||||
|
uni.showLoading({
|
||||||
|
title: '加载中',
|
||||||
|
mask:true
|
||||||
|
})
|
||||||
|
|
||||||
|
};
|
||||||
|
uni.setStorageSync('DEV_AUTH_TOKEN_FIGURE','eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiMTgzMzQzMjEwMTI3ODQ1Mzc2MCIsImV4cCI6MTc0MzEzMTY2OCwibmJmIjoxNzQyODcyNDY4LCJpYXQiOjE3NDI4NzI0Njh9.RGsdwvwck8oDNbStbMA18i5VOmy9JbK68hLNILDGUMQ');
|
||||||
|
let token='';
|
||||||
|
if(process.env.NODE_ENV === 'development'){
|
||||||
|
token = uni.getStorageSync('DEV_AUTH_TOKEN_FIGURE');
|
||||||
|
}else{
|
||||||
|
token = uni.getStorageSync('AUTH_TOKEN_FIGURE');
|
||||||
|
}
|
||||||
|
// if(!token){
|
||||||
|
// let freeList=['/login','/code/phone','/login/wx','/index','/user/check'];
|
||||||
|
// if(freeList.indexOf(url) == -1){
|
||||||
|
// let page_url=pageUrl();
|
||||||
|
// if(page_url.indexOf('/login/login')==-1){
|
||||||
|
|
||||||
|
// uni.setStorageSync('redirectUrl',page_url);
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/login/login?redirectUrl=has'
|
||||||
|
// });
|
||||||
|
// return false;
|
||||||
|
// }else{
|
||||||
|
|
||||||
|
|
||||||
|
// uni.setStorageSync('redirectUrl','');
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: '/pages/login/login'
|
||||||
|
// });
|
||||||
|
// return false;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
let header = {
|
||||||
|
'content-type':contentType ,
|
||||||
|
'Authorization': 'Bearer ' + token
|
||||||
|
}
|
||||||
|
return new Promise(function(e, n) {
|
||||||
|
let timestamp = Date.now();
|
||||||
|
uni.request({
|
||||||
|
data,
|
||||||
|
url: url.indexOf('http')!=-1?url:encodeURI(BASE_URL+url+"?timestamp="+timestamp),
|
||||||
|
method: method,
|
||||||
|
sslVerify:false,
|
||||||
|
header:url.indexOf('/manager/getSignature4bing')==-1?header:{},
|
||||||
|
timeout:10000,
|
||||||
|
success: function(res) {
|
||||||
|
var Authorization_token = res.header.Authorization;
|
||||||
|
if(Authorization_token){
|
||||||
|
if(process.env.NODE_ENV === 'development'){
|
||||||
|
uni.setStorageSync('DEV_AUTH_TOKEN_FIGURE', Authorization_token);
|
||||||
|
}else{
|
||||||
|
uni.setStorageSync('AUTH_TOKEN_FIGURE', Authorization_token);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
if(loading){
|
||||||
|
uni.hideLoading();
|
||||||
|
};
|
||||||
|
if(res.data.code==200){
|
||||||
|
e(res)
|
||||||
|
}else if(res.data.code==401 || res.data.code==403 || res.data.code==405 || res.data.code==406){
|
||||||
|
var u=navigator.userAgent;
|
||||||
|
let isApp=Boolean(u.match(/Gdxz/ig));
|
||||||
|
if(isApp){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/index'
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
let freeList=['/login','/code/phone','/login/wx','/index','/user/check'];
|
||||||
|
if(freeList.indexOf(url) == -1){
|
||||||
|
|
||||||
|
let page_url=pageUrl();
|
||||||
|
uni.setStorageSync('redirectUrl',page_url);
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/login/login?redirectUrl=has'
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}else if(res.data.code==500){
|
||||||
|
n(res)
|
||||||
|
}else{
|
||||||
|
uni.showToast({
|
||||||
|
title:res.data.message,
|
||||||
|
icon:'none',
|
||||||
|
|
||||||
|
})
|
||||||
|
n(res)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: function(err) {
|
||||||
|
"request:fail " === err.errMsg && msg("请求数据失败！"), n(err.data);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user