ZhaoYang
2 months ago
commit
c476affba4
59 changed files with 2987 additions and 0 deletions
-
8.idea/.gitignore
-
6.idea/encodings.xml
-
6.idea/misc.xml
-
8.idea/modules.xml
-
6.idea/vcs.xml
-
9.idea/wxamp-ymtxMerchant.iml
-
19app.js
-
69app.json
-
15app.wxss
-
105components/navigation-bar/navigation-bar.js
-
5components/navigation-bar/navigation-bar.json
-
64components/navigation-bar/navigation-bar.wxml
-
96components/navigation-bar/navigation-bar.wxss
-
301pages/home/home.js
-
6pages/home/home.json
-
183pages/home/home.wxml
-
501pages/home/home.wxss
-
BINpages/images/EZSx3exf4cjI.woff
-
BINpages/images/EZSx3exf4cjI.woff2
-
BINpages/images/dw.png
-
BINpages/images/fkjy.png
-
BINpages/images/home.png
-
BINpages/images/home1.png
-
BINpages/images/logout.png
-
BINpages/images/smrz.png
-
BINpages/images/tx.png
-
BINpages/images/wd.png
-
BINpages/images/wd1.png
-
BINpages/images/xx.png
-
BINpages/images/xx1.png
-
199pages/login/login.js
-
4pages/login/login.json
-
90pages/login/login.wxml
-
506pages/login/login.wxss
-
66pages/message/message.js
-
3pages/message/message.json
-
2pages/message/message.wxml
-
1pages/message/message.wxss
-
66pages/personal/personal.js
-
3pages/personal/personal.json
-
2pages/personal/personal.wxml
-
1pages/personal/personal.wxss
-
66pagesA/pages/askingSy/askingSy.js
-
3pagesA/pages/askingSy/askingSy.json
-
2pagesA/pages/askingSy/askingSy.wxml
-
1pagesA/pages/askingSy/askingSy.wxss
-
66pagesB/pages/repository/repository.js
-
3pagesB/pages/repository/repository.json
-
2pagesB/pages/repository/repository.wxml
-
1pagesB/pages/repository/repository.wxss
-
41project.config.json
-
24project.private.config.json
-
7sitemap.json
-
242utils/api.js
-
5utils/baseUrl.js
-
8utils/font.wxss
-
102utils/http.js
-
45utils/tool.wxs
-
19utils/util.js
@ -0,0 +1,8 @@ |
|||
# 默认忽略的文件 |
|||
/shelf/ |
|||
/workspace.xml |
|||
# 基于编辑器的 HTTP 客户端请求 |
|||
/httpRequests/ |
|||
# Datasource local storage ignored files |
|||
/dataSources/ |
|||
/dataSources.local.xml |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="Encoding" native2AsciiForPropertiesFiles="true" defaultCharsetForPropertiesFiles="UTF-8"> |
|||
<file url="PROJECT" charset="UTF-8" /> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="ProjectRootManager"> |
|||
<output url="file://$PROJECT_DIR$/out" /> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,8 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="ProjectModuleManager"> |
|||
<modules> |
|||
<module fileurl="file://$PROJECT_DIR$/.idea/wxamp-ymtxMerchant.iml" filepath="$PROJECT_DIR$/.idea/wxamp-ymtxMerchant.iml" /> |
|||
</modules> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<project version="4"> |
|||
<component name="VcsDirectoryMappings"> |
|||
<mapping directory="" vcs="Git" /> |
|||
</component> |
|||
</project> |
|||
@ -0,0 +1,9 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<module type="JAVA_MODULE" version="4"> |
|||
<component name="NewModuleRootManager" inherit-compiler-output="true"> |
|||
<exclude-output /> |
|||
<content url="file://$MODULE_DIR$" /> |
|||
<orderEntry type="inheritedJdk" /> |
|||
<orderEntry type="sourceFolder" forTests="false" /> |
|||
</component> |
|||
</module> |
|||
@ -0,0 +1,19 @@ |
|||
// app.js
|
|||
App({ |
|||
onLaunch() { |
|||
// 展示本地存储能力
|
|||
const logs = wx.getStorageSync('logs') || [] |
|||
logs.unshift(Date.now()) |
|||
wx.setStorageSync('logs', logs) |
|||
|
|||
// 登录
|
|||
wx.login({ |
|||
success: res => { |
|||
// 发送 res.code 到后台换取 openId, sessionKey, unionId
|
|||
} |
|||
}) |
|||
}, |
|||
globalData: { |
|||
userInfo: null |
|||
} |
|||
}) |
|||
@ -0,0 +1,69 @@ |
|||
{ |
|||
"pages": [ |
|||
"pages/home/home", |
|||
"pages/login/login", |
|||
"pages/message/message", |
|||
"pages/personal/personal" |
|||
], |
|||
"subPackages": [ |
|||
{ |
|||
"root": "pagesA", |
|||
"pages": [ |
|||
"pages/askingSy/askingSy" |
|||
] |
|||
}, |
|||
{ |
|||
"root": "pagesB", |
|||
"pages": [ |
|||
"pages/repository/repository" |
|||
], |
|||
"independent": true |
|||
} |
|||
], |
|||
|
|||
"tabBar": { |
|||
"color": "#2E2E2E", |
|||
"selectedColor": "#50C1BA", |
|||
"borderStyle": "black", |
|||
"list": [ |
|||
{ |
|||
"pagePath": "pages/home/home", |
|||
"text": "首页", |
|||
"iconPath": "pages/images/home.png", |
|||
"selectedIconPath": "pages/images/home1.png" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/message/message", |
|||
"text": "消息", |
|||
"iconPath": "pages/images/xx.png", |
|||
"selectedIconPath": "pages/images/xx1.png" |
|||
}, |
|||
{ |
|||
"pagePath": "pages/personal/personal", |
|||
"text": "我的", |
|||
"iconPath": "pages/images/wd.png", |
|||
"selectedIconPath": "pages/images/wd1.png" |
|||
} |
|||
] |
|||
}, |
|||
|
|||
"window": { |
|||
"backgroundColor": "#86D8D0", |
|||
"navigationBarBackgroundColor": "#86D8D0", |
|||
"navigationBarTextStyle": "white" |
|||
}, |
|||
"renderer": "webview", |
|||
"rendererOptions": { |
|||
"skyline": { |
|||
"defaultDisplayBlock": true, |
|||
"defaultContentBox": true, |
|||
"tagNameStyleIsolation": "legacy", |
|||
"disableABTest": true, |
|||
"sdkVersionBegin": "3.0.0", |
|||
"sdkVersionEnd": "15.255.255" |
|||
} |
|||
}, |
|||
"componentFramework": "glass-easel", |
|||
"sitemapLocation": "sitemap.json", |
|||
"lazyCodeLoading": "requiredComponents" |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
@import'/utils/font.wxss'; |
|||
|
|||
.container { |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 200rpx 0; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
page { |
|||
font-family: '思源宋体 Light' !important; |
|||
} |
|||
@ -0,0 +1,105 @@ |
|||
Component({ |
|||
options: { |
|||
multipleSlots: true // 在组件定义时的选项中启用多slot支持
|
|||
}, |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
extClass: { |
|||
type: String, |
|||
value: '' |
|||
}, |
|||
title: { |
|||
type: String, |
|||
value: '' |
|||
}, |
|||
background: { |
|||
type: String, |
|||
value: '' |
|||
}, |
|||
color: { |
|||
type: String, |
|||
value: '' |
|||
}, |
|||
back: { |
|||
type: Boolean, |
|||
value: true |
|||
}, |
|||
loading: { |
|||
type: Boolean, |
|||
value: false |
|||
}, |
|||
homeButton: { |
|||
type: Boolean, |
|||
value: false, |
|||
}, |
|||
animated: { |
|||
// 显示隐藏的时候opacity动画效果
|
|||
type: Boolean, |
|||
value: true |
|||
}, |
|||
show: { |
|||
// 显示隐藏导航，隐藏的时候navigation-bar的高度占位还在
|
|||
type: Boolean, |
|||
value: true, |
|||
observer: '_showChange' |
|||
}, |
|||
// back为true的时候，返回的页面深度
|
|||
delta: { |
|||
type: Number, |
|||
value: 1 |
|||
}, |
|||
}, |
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
displayStyle: '' |
|||
}, |
|||
lifetimes: { |
|||
attached() { |
|||
const rect = wx.getMenuButtonBoundingClientRect() |
|||
wx.getSystemInfo({ |
|||
success: (res) => { |
|||
const isAndroid = res.platform === 'android' |
|||
const isDevtools = res.platform === 'devtools' |
|||
this.setData({ |
|||
ios: !isAndroid, |
|||
innerPaddingRight: `padding-right: ${res.windowWidth - rect.left}px`, |
|||
leftWidth: `width: ${res.windowWidth - rect.left }px`, |
|||
safeAreaTop: isDevtools || isAndroid ? `height: calc(var(--height) + ${res.safeArea.top}px); padding-top: ${res.safeArea.top}px` : `` |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
}, |
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
_showChange(show) { |
|||
const animated = this.data.animated |
|||
let displayStyle = '' |
|||
if (animated) { |
|||
displayStyle = `opacity: ${ |
|||
show ? '1' : '0' |
|||
};transition:opacity 0.5s;`
|
|||
} else { |
|||
displayStyle = `display: ${show ? '' : 'none'}` |
|||
} |
|||
this.setData({ |
|||
displayStyle |
|||
}) |
|||
}, |
|||
back() { |
|||
const data = this.data |
|||
if (data.delta) { |
|||
wx.navigateBack({ |
|||
delta: data.delta |
|||
}) |
|||
} |
|||
this.triggerEvent('back', { delta: data.delta }, {}) |
|||
} |
|||
}, |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"component": true, |
|||
"styleIsolation": "apply-shared", |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,64 @@ |
|||
<view class="weui-navigation-bar {{extClass}}"> |
|||
<view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="color: {{color}}; background: {{background}}; {{displayStyle}}; {{innerPaddingRight}}; {{safeAreaTop}};"> |
|||
|
|||
<!-- 左侧按钮 --> |
|||
<view class='weui-navigation-bar__left' style="{{leftWidth}};"> |
|||
<block wx:if="{{back || homeButton}}"> |
|||
<!-- 返回上一页 --> |
|||
<block wx:if="{{back}}"> |
|||
<view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_goback"> |
|||
<view |
|||
bindtap="back" |
|||
class="weui-navigation-bar__btn_goback_wrapper" |
|||
hover-class="weui-active" |
|||
hover-stay-time="100" |
|||
aria-role="button" |
|||
aria-label="返回" |
|||
> |
|||
<view class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<!-- 返回首页 --> |
|||
<block wx:if="{{homeButton}}"> |
|||
<view class="weui-navigation-bar__buttons weui-navigation-bar__buttons_home"> |
|||
<view |
|||
bindtap="home" |
|||
class="weui-navigation-bar__btn_home_wrapper" |
|||
hover-class="weui-active" |
|||
aria-role="button" |
|||
aria-label="首页" |
|||
> |
|||
<view class="weui-navigation-bar__button weui-navigation-bar__btn_home"></view> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
</block> |
|||
<block wx:else> |
|||
<slot name="left"></slot> |
|||
</block> |
|||
</view> |
|||
|
|||
<!-- 标题 --> |
|||
<view class='weui-navigation-bar__center'> |
|||
<view wx:if="{{loading}}" class="weui-navigation-bar__loading" aria-role="alert"> |
|||
<view |
|||
class="weui-loading" |
|||
aria-role="img" |
|||
aria-label="加载中" |
|||
></view> |
|||
</view> |
|||
<block wx:if="{{title}}"> |
|||
<text>{{title}}</text> |
|||
</block> |
|||
<block wx:else> |
|||
<slot name="center"></slot> |
|||
</block> |
|||
</view> |
|||
|
|||
<!-- 右侧留空 --> |
|||
<view class='weui-navigation-bar__right'> |
|||
<slot name="right"></slot> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,96 @@ |
|||
.weui-navigation-bar { |
|||
--weui-FG-0:rgba(0,0,0,.9); |
|||
--height: 44px; |
|||
--left: 16px; |
|||
} |
|||
.weui-navigation-bar .android { |
|||
--height: 48px; |
|||
} |
|||
|
|||
.weui-navigation-bar { |
|||
overflow: hidden; |
|||
color: var(--weui-FG-0); |
|||
flex: none; |
|||
} |
|||
|
|||
.weui-navigation-bar__inner { |
|||
position: relative; |
|||
top: 0; |
|||
left: 0; |
|||
height: calc(var(--height) + env(safe-area-inset-top)); |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding-top: env(safe-area-inset-top); |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.weui-navigation-bar__left { |
|||
position: relative; |
|||
padding-left: var(--left); |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: flex-start; |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.weui-navigation-bar__btn_goback_wrapper { |
|||
padding: 11px 18px 11px 16px; |
|||
margin: -11px -18px -11px -16px; |
|||
} |
|||
|
|||
.weui-navigation-bar__btn_goback_wrapper.weui-active { |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.weui-navigation-bar__btn_goback { |
|||
font-size: 12px; |
|||
width: 12px; |
|||
height: 24px; |
|||
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; |
|||
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E") no-repeat 50% 50%; |
|||
-webkit-mask-size: cover; |
|||
mask-size: cover; |
|||
background-color: var(--weui-FG-0); |
|||
} |
|||
|
|||
.weui-navigation-bar__center { |
|||
font-size: 17px; |
|||
text-align: center; |
|||
position: relative; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
height: 100%; |
|||
} |
|||
|
|||
.weui-navigation-bar__loading { |
|||
margin-right: 4px; |
|||
align-items: center; |
|||
} |
|||
|
|||
.weui-loading { |
|||
font-size: 16px; |
|||
width: 16px; |
|||
height: 16px; |
|||
display: block; |
|||
background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat; |
|||
background-size: 100%; |
|||
margin-left: 0; |
|||
animation: loading linear infinite 1s; |
|||
} |
|||
|
|||
@keyframes loading { |
|||
from { |
|||
transform: rotate(0); |
|||
} |
|||
to { |
|||
transform: rotate(360deg); |
|||
} |
|||
} |
|||
@ -0,0 +1,301 @@ |
|||
import http from '../../utils/api' |
|||
const baseUrl = require('../../utils/baseUrl') |
|||
Page({ |
|||
data: { |
|||
// 轮播图数据
|
|||
currentSwiper: 0, |
|||
baseUrl: baseUrl, |
|||
swiperList: [], |
|||
articleList:[ |
|||
{title:'文章发布',describe:'快速发布养殖知识',icon:'/pages/images/fkjy.png'}, |
|||
{title:'在线学习',describe:'视频培训发布',icon:'/pages/images/tx.png'} |
|||
], |
|||
// 通知公告数据
|
|||
currentNotice: 0, |
|||
noticeList: [], |
|||
forum: [], |
|||
suffer: [], |
|||
// 添加用户数据
|
|||
user: {}, |
|||
county: '' |
|||
}, |
|||
|
|||
// 查询用户信息
|
|||
getUserInfo() { |
|||
http.UserInfo({ |
|||
data: {}, |
|||
success: res => { |
|||
console.log(111,res); |
|||
this.setData({ |
|||
user: res.data.user.area |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 在线问答列表
|
|||
getforumList() { |
|||
http.forumList({ |
|||
data: {}, |
|||
success: res => { |
|||
const zxwd = [] |
|||
zxwd.push(res.rows[0]) |
|||
this.setData({ |
|||
forum: zxwd |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 经验分享列表
|
|||
getexperience() { |
|||
http.experience({ |
|||
data: {}, |
|||
success: res => { |
|||
const zyfx = [] |
|||
zyfx.push(res.rows[0]) |
|||
this.setData({ |
|||
suffer: zyfx |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 轮播
|
|||
getCarousel() { |
|||
http.carousel({ |
|||
data: {}, |
|||
success: res => { |
|||
this.setData({ |
|||
swiperList: res.rows |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 灾害/通知公告
|
|||
getDisaster() { |
|||
http.disaster({ |
|||
data: {}, |
|||
success: res => { |
|||
// 处理通知数据，添加时间戳
|
|||
const notices = res.rows.map(item => { |
|||
return { |
|||
...item, |
|||
// // 判断是否是24小时内的通知
|
|||
// isNew: this.isNewNotification(item.createdTime)
|
|||
} |
|||
}) |
|||
this.setData({ |
|||
noticeList: notices |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// // 判断通知是否在24小时内
|
|||
// isNewNotification(createdTime) {
|
|||
// if (!createdTime) return false
|
|||
// const noticeTime = new Date(createdTime.replace(/-/g, '/')).getTime()
|
|||
// const now = new Date().getTime()
|
|||
// const twentyFourHours = 24 * 60 * 60 * 1000
|
|||
// return now - noticeTime < twentyFourHours
|
|||
// },
|
|||
|
|||
// 区域划分跳转
|
|||
bindXzqh() { |
|||
wx.navigateTo({ |
|||
url: '/pagesB/pages/administrativeDivision/administrativeDivision', |
|||
}) |
|||
}, |
|||
|
|||
// AI问诊
|
|||
bindAI() { |
|||
wx.navigateTo({ |
|||
url: '/pagesA/pages/wzai/wzai', |
|||
}) |
|||
}, |
|||
|
|||
// 问兽医
|
|||
bindWsy() { |
|||
wx.navigateTo({ |
|||
url: '/pagesA/pages/askingSy/askingSy', |
|||
}) |
|||
}, |
|||
|
|||
// 找专家
|
|||
bindZj() { |
|||
wx.navigateTo({ |
|||
url: '/pagesA/pages/expert/expert', |
|||
}) |
|||
}, |
|||
|
|||
// 去买药
|
|||
bindYao() { |
|||
wx.navigateTo({ |
|||
url: '/pagesA/pages/medicine/medicine', |
|||
}) |
|||
}, |
|||
|
|||
|
|||
// 问答列表
|
|||
bindwdlist() { |
|||
wx.navigateTo({ |
|||
url: '/pagesB/pages/forumlist/forumlist', |
|||
}) |
|||
}, |
|||
|
|||
// 问答详情
|
|||
bindTw(e) { |
|||
console.log(e); |
|||
const id = e.currentTarget.dataset.id |
|||
wx.navigateTo({ |
|||
url: `/pagesB/pages/onlineAsk/onlineAsk?id=${id}`, |
|||
}) |
|||
}, |
|||
|
|||
// 经验分享列表
|
|||
viewexperience() { |
|||
wx.navigateTo({ |
|||
url: '/pagesB/pages/experienceList/experienceList', |
|||
}) |
|||
}, |
|||
|
|||
// 经验分享详情
|
|||
bindfx(e) { |
|||
const id = e.currentTarget.dataset.id |
|||
wx.navigateTo({ |
|||
url: `/pagesB/pages/experienceDetails/experienceDetails?id=${id}`, |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
// 查看所有问题
|
|||
viewAllQuestions() { |
|||
this.bindwdlist() |
|||
}, |
|||
|
|||
// 获取当前位置信息
|
|||
getLocation() { |
|||
let that = this; |
|||
// 腾讯获取的密钥
|
|||
let key = 'AOBBZ-6LUK7-WXGXX-HJUXS-HHUM5-FWFPJ' |
|||
wx.getLocation({ |
|||
isHighAccuracy: true, |
|||
type: 'gcj02', |
|||
success: function (res) { |
|||
let latitude = res.latitude; |
|||
let longitude = res.longitude; |
|||
wx.request({ |
|||
url: `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=${key}`, |
|||
success: res => { |
|||
that.setData({ |
|||
county: res.data.result.address_component.district //城市
|
|||
}); |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
onLoad() { |
|||
this.getDisaster() |
|||
this.getCarousel() |
|||
this.getLocation() |
|||
this.getforumList() |
|||
this.getexperience() |
|||
}, |
|||
|
|||
onShow() { |
|||
this.resetSwiper() |
|||
this.getUserInfo() |
|||
}, |
|||
|
|||
// 重置轮播图（解决轮播不自动播放的问题）
|
|||
resetSwiper() { |
|||
setTimeout(() => { |
|||
if (this.data.swiperList.length > 0) { |
|||
this.setData({ |
|||
currentSwiper: this.data.currentSwiper |
|||
}) |
|||
} |
|||
}, 300) |
|||
}, |
|||
|
|||
// 轮播图变化事件
|
|||
onSwiperChange(e) { |
|||
const current = e.detail.current; |
|||
this.setData({ |
|||
currentSwiper: current |
|||
}); |
|||
}, |
|||
|
|||
// 轮播图指示器点击
|
|||
onIndicatorTap(e) { |
|||
const index = e.currentTarget.dataset.index; |
|||
this.setData({ |
|||
currentSwiper: index |
|||
}); |
|||
}, |
|||
|
|||
|
|||
// 轮播图点击
|
|||
onSwiperTap(e) { |
|||
console.log(1111, e); |
|||
var id = e.currentTarget.dataset.value.carouselId |
|||
wx.navigateTo({ |
|||
url: `/pagesA/pages/carouselDetail/carouselDetail?id=${id}`, |
|||
}) |
|||
}, |
|||
|
|||
|
|||
onReady() { |
|||
// 当前网络状态
|
|||
wx.getNetworkType({ |
|||
success: function (res) { |
|||
// 返回网络类型, 有效值：
|
|||
// wifi/2g/3g/4g/unknown(Android下不常见的网络类型)/none(无网络)
|
|||
console.log(res); |
|||
var networkType = res.networkType |
|||
if (networkType !== 'unknown') { |
|||
wx.showToast({ |
|||
title: '当前使用"' + networkType + '"网络', |
|||
icon: 'none', |
|||
duration: 1000 |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 下拉刷新
|
|||
onPullDownRefresh() { |
|||
wx.showNavigationBarLoading() |
|||
|
|||
// 重新加载所有数据
|
|||
Promise.all([ |
|||
new Promise(resolve => this.getUserInfo(resolve)), |
|||
new Promise(resolve => this.getDisaster(resolve)), |
|||
new Promise(resolve => this.getCarousel(resolve)), |
|||
new Promise(resolve => this.getforumList(resolve)), |
|||
new Promise(resolve => this.getexperience(resolve)) |
|||
]).then(() => { |
|||
wx.showToast({ |
|||
title: '刷新成功', |
|||
icon: 'none', |
|||
duration: 1000 |
|||
}) |
|||
wx.hideNavigationBarLoading() |
|||
wx.stopPullDownRefresh() |
|||
}).catch(() => { |
|||
wx.hideNavigationBarLoading() |
|||
wx.stopPullDownRefresh() |
|||
}) |
|||
}, |
|||
|
|||
// 页面滚动
|
|||
onPageScroll(e) { |
|||
// 可以根据需要添加滚动效果
|
|||
} |
|||
}); |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText":"与牧同行", |
|||
"enablePullDownRefresh": true, |
|||
"backgroundTextStyle": "dark", |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,183 @@ |
|||
<wxs module="tool" src="../../utils/tool.wxs"></wxs> |
|||
<view class="home-container"> |
|||
<view class="box"> |
|||
|
|||
<view class="orientation"> |
|||
|
|||
<!-- 定位 --> |
|||
<!-- <view class="orientation2"> |
|||
<image src="/pages/images/dw.png" mode="" /> |
|||
<view>{{county}}</view> |
|||
</view> --> |
|||
|
|||
<!-- 行政区划 --> |
|||
<view class="orientation3" bind:tap="bindXzqh"> |
|||
<image src="/pages/images/dw.png" mode="" /> |
|||
<view>{{user.name || '去选择'}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- AI问诊 --> |
|||
<view class="Aidiagnosis" bind:tap="bindAI"> |
|||
<image src="/pages/images/aiwz.png" mode="" /> |
|||
</view> |
|||
|
|||
<!-- 轮播图区域--> |
|||
<view class="swiper-container"> |
|||
<swiper class="custom-swiper" indicator-dots="{{false}}" indicator-color="rgba(255,255,255,0.4)" indicator-active-color="#4CAF50" autoplay="{{true}}" interval="5000" duration="500" circular="{{true}}" current="{{currentSwiper}}" bindchange="onSwiperChange" style="height: 360rpx;"> |
|||
<block wx:for="{{swiperList}}" wx:key="id"> |
|||
<swiper-item> |
|||
<view class="swiper-item {{item.isActive ? 'active' : ''}}" data-value="{{item}}" catchtap="onSwiperTap"> |
|||
<image src="{{baseUrl+item.imageUrl}}" class="swiper-image" mode="aspectFill" /> |
|||
<view class="swiper-mask"></view> |
|||
<view class="swiper-content"> |
|||
<text class="swiper-tag">{{item.adsType}}</text> |
|||
<text class="swiper-title">{{item.title}}</text> |
|||
<text class="swiper-desc">{{item.subtitle}}</text> |
|||
</view> |
|||
<view class="swiper-gradient"></view> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<!-- 自定义指示器 --> |
|||
<view class="custom-indicator"> |
|||
<block wx:for="{{swiperList}}" wx:key="id"> |
|||
<view class="indicator-dot {{currentSwiper === index ? 'active' : ''}}" data-index="{{index}}" bindtap="onIndicatorTap"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="kap"> |
|||
<!-- 卡片类型 --> |
|||
<view class="card"> |
|||
<view class="card2" bind:tap="bindWsy"> |
|||
<view>接受咨询</view> |
|||
<view class="card2_1">回复问诊单信息</view> |
|||
<view class="card2_1">快捷回复</view> |
|||
</view> |
|||
<view class="card3"> |
|||
<view class="card3_1 card3_kp" bind:tap="bindZj"> |
|||
<view>远程诊疗</view> |
|||
<view>足不出户方便快捷</view> |
|||
</view> |
|||
<view class="card3_2 card3_kp" bind:tap="bindYao"> |
|||
<view>方案制定</view> |
|||
<view>制定专业的治疗方案</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 文章发布-视频培训 --> |
|||
<view class="article"> |
|||
<view class="article1_1" wx:for="{{articleList}}"> |
|||
<view class="article2"> |
|||
<view>{{item.title}}</view> |
|||
<view>{{item.describe}}</view> |
|||
</view> |
|||
<view class="article3"> |
|||
<image src="{{item.icon}}" mode="widthFix"/> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<!-- 用户提问板块 --> |
|||
<view class="user-question-section"> |
|||
<!-- 标题区域 --> |
|||
<view class="question-header" bind:tap="bindwdlist"> |
|||
<view class="question-title"> |
|||
<view class="title-text">在线问答</view> |
|||
<view class="title-sub">看看其他养殖户遇到的问题</view> |
|||
</view> |
|||
<view class="view-all" bindtap="viewAllQuestions"> |
|||
查看全部 |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<!-- 问题列表 --> |
|||
<view class="question-card placeholder" wx:for="{{forum}}" bind:tap="bindTw" data-id="{{item.id}}"> |
|||
<view class="question-meta"> |
|||
<view class="question-tag"> |
|||
<text class="tag-text">{{item.title}}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="question-info"> |
|||
<view class="user-info"> |
|||
<image src="{{baseUrl+item.avatar}}" class="user-avatar"></image> |
|||
<view class="user-detail"> |
|||
<view class="user-name">{{item.nickName}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="time-info"> |
|||
{{item.createdAt}} |
|||
</view> |
|||
</view> |
|||
<!-- 底部信息 --> |
|||
<view class="post-footer"> |
|||
<view class="post-meta"> |
|||
<view class="meta-item"> |
|||
<image class="meta-icon" src="/pagesB/images/hf.png" mode="aspectFit"></image> |
|||
<text class="meta-count">{{item.answerCount || 0}}</text> |
|||
</view> |
|||
<view class="meta-item"> |
|||
<image class="meta-icon" src="/pagesB/images/lll.png" mode="aspectFit"></image> |
|||
<text class="meta-count">{{item.viewCount || 0}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
|
|||
<!-- 经验分享板块 --> |
|||
<view class="user-question-section"> |
|||
<!-- 标题区域 --> |
|||
<view class="question-header" > |
|||
<view class="question-title"> |
|||
<view class="title-text1_1">经验分享</view> |
|||
<view class="title-sub">分享自己养殖经验</view> |
|||
</view> |
|||
<view class="view-all1_1" bindtap="viewexperience"> |
|||
查看全部 |
|||
</view> |
|||
</view> |
|||
|
|||
|
|||
<!-- 问题列表 --> |
|||
<view class="question-card placeholder" wx:for="{{suffer}}" bind:tap="bindfx" data-id="{{item.id}}"> |
|||
<view class="question-meta"> |
|||
<view class="question-tag"> |
|||
<text class="tag-text">{{item.title}}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="question-info"> |
|||
<view class="user-info"> |
|||
<image src="{{baseUrl+item.vetAvatar}}" class="user-avatar"></image> |
|||
<view class="user-detail"> |
|||
<view class="user-name">{{item.vetName}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="time-info"> |
|||
{{item.publishTime}} |
|||
</view> |
|||
</view> |
|||
<!-- 底部信息 --> |
|||
<view class="post-footer"> |
|||
<view class="post-meta"> |
|||
<view class="meta-item"> |
|||
<image class="meta-icon" src="/pagesB/images/lll.png" mode="aspectFit"></image> |
|||
<text class="meta-count">{{item.viewCount || 0}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,501 @@ |
|||
/* 页面容器 */ |
|||
.home-container { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
background: linear-gradient(180deg, #86D8D0 0%, #a9dfda 30%, #cfe9e7 60%, #ECF8F7 90%); |
|||
padding-top: env(safe-area-inset-top); |
|||
} |
|||
|
|||
/* 主要内容区域 */ |
|||
.box { |
|||
width: 93%; |
|||
margin: 0 auto; |
|||
padding-bottom: 40rpx; |
|||
} |
|||
|
|||
/* AI问诊 */ |
|||
.Aidiagnosis { |
|||
position: fixed; |
|||
right: 0; |
|||
bottom: 150px; |
|||
margin: 0 auto; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.Aidiagnosis image { |
|||
width: 120rpx; |
|||
height: 120rpx; |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
.orientation{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
|
|||
/* 定位 */ |
|||
.orientation2 { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 20rpx 0; |
|||
color: #fff; |
|||
font-weight: bold; |
|||
font-size: 26rpx; |
|||
} |
|||
|
|||
.orientation image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
margin-right: 10rpx; |
|||
} |
|||
|
|||
.orientation3{ |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fff; |
|||
} |
|||
|
|||
/* 轮播图区域 - 已修复 */ |
|||
.swiper-container { |
|||
position: relative; |
|||
border-radius: 20rpx; |
|||
overflow: hidden; |
|||
box-shadow: 0 10rpx 40rpx rgba(0, 0, 0, 0.1); |
|||
animation: scaleIn 0.6s ease-out 0.4s both; |
|||
} |
|||
|
|||
@keyframes scaleIn { |
|||
from { |
|||
opacity: 0; |
|||
transform: scale(0.95); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
transform: scale(1); |
|||
} |
|||
} |
|||
|
|||
.custom-swiper { |
|||
border-radius: 20rpx; |
|||
} |
|||
|
|||
.swiper-item { |
|||
position: relative; |
|||
height: 360rpx; |
|||
overflow: hidden; |
|||
border-radius: 20rpx; |
|||
transition: transform 0.5s ease; |
|||
} |
|||
|
|||
.swiper-item.active { |
|||
transform: scale(1.02); |
|||
} |
|||
|
|||
.swiper-image { |
|||
width: 100%; |
|||
height: 100%; |
|||
transition: transform 8s ease; |
|||
} |
|||
|
|||
.swiper-mask { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 50%); |
|||
} |
|||
|
|||
.swiper-content { |
|||
position: absolute; |
|||
bottom: 60rpx; |
|||
left: 40rpx; |
|||
z-index: 2; |
|||
max-width: 60%; |
|||
} |
|||
|
|||
.swiper-tag { |
|||
display: inline-block; |
|||
padding: 6rpx 20rpx; |
|||
background: rgba(76, 175, 80, 0.9); |
|||
color: white; |
|||
font-size: 20rpx; |
|||
border-radius: 20rpx; |
|||
margin-bottom: 16rpx; |
|||
backdrop-filter: blur(10rpx); |
|||
} |
|||
|
|||
.swiper-title { |
|||
display: block; |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: #FFFFFF; |
|||
margin-bottom: 8rpx; |
|||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3); |
|||
line-height: 1.4; |
|||
} |
|||
|
|||
.swiper-desc { |
|||
display: block; |
|||
font-size: 24rpx; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2); |
|||
} |
|||
|
|||
.swiper-gradient { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
height: 120rpx; |
|||
background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent); |
|||
} |
|||
|
|||
.custom-indicator { |
|||
position: absolute; |
|||
bottom: 30rpx; |
|||
right: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
z-index: 3; |
|||
} |
|||
|
|||
.indicator-dot { |
|||
width: 12rpx; |
|||
height: 12rpx; |
|||
border-radius: 50%; |
|||
background: rgba(255, 255, 255, 0.5); |
|||
margin: 0 6rpx; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
.indicator-dot.active { |
|||
width: 40rpx; |
|||
background: #96DBD4; |
|||
border-radius: 6rpx; |
|||
} |
|||
|
|||
/* 卡片类型 */ |
|||
.kap { |
|||
animation: kapIn 0.5s ease-out 0.5s both; |
|||
} |
|||
|
|||
@keyframes kapIn { |
|||
from { |
|||
opacity: 0; |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
} |
|||
} |
|||
|
|||
.card { |
|||
width: 100%; |
|||
display: grid; |
|||
grid-template-columns: 1.1fr 2fr; |
|||
column-gap: 20rpx; |
|||
margin: 20rpx 0; |
|||
} |
|||
|
|||
.card2 { |
|||
background-color: #F8918C; |
|||
border-radius: 25rpx; |
|||
padding: 30rpx 20rpx 120rpx; |
|||
} |
|||
|
|||
.card2 view:nth-child(1) { |
|||
font-size: 38rpx; |
|||
color: #fff; |
|||
font-weight: bold; |
|||
letter-spacing: 0.1em; |
|||
} |
|||
|
|||
.card2_1 { |
|||
margin: 10rpx 0; |
|||
font-size: 26rpx; |
|||
color: #FDE8E1; |
|||
} |
|||
|
|||
.card3 { |
|||
display: grid; |
|||
grid-template-rows: 1fr 1fr; |
|||
row-gap: 20rpx; |
|||
} |
|||
|
|||
.card3>view { |
|||
border-radius: 25rpx; |
|||
padding: 0 0 0 20rpx; |
|||
} |
|||
|
|||
.card3_1 { |
|||
background-color: #5EBEB8; |
|||
} |
|||
|
|||
.card3_1 view:last-child { |
|||
color: #D9F0EE; |
|||
} |
|||
|
|||
.card3_2 { |
|||
background-color: #E9B770; |
|||
} |
|||
|
|||
.card3_2 view:last-child { |
|||
color: #F4E8DB; |
|||
} |
|||
|
|||
.card3_kp view:first-child { |
|||
font-size: 38rpx; |
|||
color: #fff; |
|||
margin: 30rpx 0 10rpx 0; |
|||
} |
|||
|
|||
.card3_kp view:last-child { |
|||
font-size: 26rpx; |
|||
} |
|||
|
|||
|
|||
/* 文章发布-视频培训 */ |
|||
.article1_1{ |
|||
width:100%; |
|||
box-sizing: border-box; |
|||
background-color: #fff; |
|||
border-radius: 20rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 10rpx 30rpx; |
|||
margin-top: 30rpx; |
|||
} |
|||
.article2 view:first-child{ |
|||
font-weight: bold; |
|||
} |
|||
.article2 view:last-child{ |
|||
color: #C5C6CC; |
|||
font-size: 24rpx; |
|||
margin-top: 10rpx; |
|||
} |
|||
.article3 image{ |
|||
width: 100rpx; |
|||
} |
|||
|
|||
|
|||
/* 用户提问板块 */ |
|||
.user-question-section { |
|||
background: #FFFFFF; |
|||
border-radius: 24rpx; |
|||
padding: 32rpx; |
|||
margin: 40rpx 0 20rpx; |
|||
box-shadow: 0 8rpx 40rpx rgba(0, 0, 0, 0.06); |
|||
animation: slideUp 0.8s ease-out 0.8s both; |
|||
} |
|||
|
|||
@keyframes slideUp { |
|||
from { |
|||
opacity: 0; |
|||
transform: translateY(60rpx); |
|||
} |
|||
|
|||
to { |
|||
opacity: 1; |
|||
transform: translateY(0); |
|||
} |
|||
} |
|||
|
|||
/* 标题区域 */ |
|||
.question-header { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 40rpx; |
|||
padding-bottom: 24rpx; |
|||
border-bottom: 1px solid rgba(150, 219, 212, 0.3); |
|||
} |
|||
|
|||
.question-title { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.title-text { |
|||
font-size: 38rpx; |
|||
font-weight: bold; |
|||
color: #7ad1cb; |
|||
margin-bottom: 8rpx; |
|||
position: relative; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.title-text::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
width: 8rpx; |
|||
height: 32rpx; |
|||
background: #60C0B9; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.title-text1_1 { |
|||
font-size: 38rpx; |
|||
font-weight: bold; |
|||
color: #7499C8; |
|||
margin-bottom: 8rpx; |
|||
position: relative; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.title-text1_1::before { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
transform: translateY(-50%); |
|||
width: 8rpx; |
|||
height: 32rpx; |
|||
background: #79b2d3; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.title-sub { |
|||
font-size: 24rpx; |
|||
color: #999; |
|||
padding-left: 20rpx; |
|||
} |
|||
|
|||
.view-all { |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 26rpx; |
|||
color: #60C0B9; |
|||
padding: 12rpx 24rpx; |
|||
background: rgba(96, 192, 185, 0.1); |
|||
border-radius: 30rpx; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
.view-all:active { |
|||
background: rgba(96, 192, 185, 0.2); |
|||
transform: scale(0.98); |
|||
} |
|||
|
|||
.view-all1_1{ |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 26rpx; |
|||
color: #608ac0; |
|||
padding: 12rpx 24rpx; |
|||
background: rgba(96, 192, 185, 0.1); |
|||
border-radius: 30rpx; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
.view-all1_1:active { |
|||
background: rgba(131, 158, 199, 0.2); |
|||
transform: scale(0.98); |
|||
} |
|||
|
|||
/* 问题元信息 */ |
|||
.question-meta { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: flex-start; |
|||
margin-bottom: 28rpx; |
|||
} |
|||
|
|||
.question-tag { |
|||
flex: 1; |
|||
display: flex; |
|||
align-items: flex-start; |
|||
gap: 12rpx; |
|||
} |
|||
|
|||
.tag-text { |
|||
font-size: 30rpx; |
|||
color: #333; |
|||
line-height: 1.5; |
|||
font-weight: 500; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* 用户信息 */ |
|||
.question-info { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-bottom: 28rpx; |
|||
padding-bottom: 20rpx; |
|||
border-bottom: 1px dashed rgba(0, 0, 0, 0.08); |
|||
} |
|||
|
|||
.user-info { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 16rpx; |
|||
} |
|||
|
|||
.user-avatar { |
|||
width: 64rpx; |
|||
height: 64rpx; |
|||
border-radius: 50%; |
|||
background: #E0F2F1; |
|||
border: 2rpx solid #60C0B9; |
|||
} |
|||
|
|||
.user-detail { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.user-name { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #333; |
|||
margin-bottom: 6rpx; |
|||
} |
|||
|
|||
.time-info { |
|||
font-size: 22rpx; |
|||
color: #999; |
|||
background: rgba(0, 0, 0, 0.04); |
|||
padding: 6rpx 16rpx; |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.post-footer { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.post-meta { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 25rpx; |
|||
} |
|||
|
|||
.meta-item { |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 8rpx; |
|||
} |
|||
|
|||
.meta-icon { |
|||
width: 28rpx; |
|||
height: 28rpx; |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.meta-count { |
|||
font-size: 26rpx; |
|||
font-weight: 600; |
|||
color: #64748b; |
|||
} |
|||
|
After Width: 200 | Height: 200 | Size: 3.1 KiB |
|
After Width: 200 | Height: 200 | Size: 4.5 KiB |
|
After Width: 70 | Height: 64 | Size: 982 B |
|
After Width: 218 | Height: 200 | Size: 3.5 KiB |
|
After Width: 200 | Height: 200 | Size: 4.4 KiB |
|
After Width: 200 | Height: 200 | Size: 4.3 KiB |
|
After Width: 90 | Height: 90 | Size: 5.6 KiB |
|
After Width: 64 | Height: 64 | Size: 1.7 KiB |
|
After Width: 200 | Height: 200 | Size: 5.3 KiB |
|
After Width: 200 | Height: 200 | Size: 4.3 KiB |
|
After Width: 200 | Height: 200 | Size: 4.3 KiB |
@ -0,0 +1,199 @@ |
|||
import http from '../../utils/api' |
|||
Page({ |
|||
data: { |
|||
isAgree: true, // 是否同意协议
|
|||
showAgreementModal: false, // 是否显示协议弹窗
|
|||
modalTitle: '', // 弹窗标题
|
|||
modalContent: '', // 弹窗内容
|
|||
isLoading: false, // 是否显示加载中,
|
|||
phoneData: {}, |
|||
}, |
|||
|
|||
onLoad() { |
|||
this.login() |
|||
}, |
|||
|
|||
|
|||
// 登录获取
|
|||
login() { |
|||
// 小程序接口
|
|||
var that = this |
|||
wx.login({ |
|||
success(res) { |
|||
//登录接口
|
|||
http.login({ |
|||
data: { |
|||
code: res.code, |
|||
clientType: 'vet-app' |
|||
}, |
|||
success: function (res) { |
|||
console.log(111111,res); |
|||
if (res.data) { |
|||
that.setData({ |
|||
phoneData: res.data |
|||
}) |
|||
wx.showToast({ |
|||
title: res.data.message, |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}); |
|||
} |
|||
|
|||
if (res.data.token) { |
|||
wx.setStorageSync('token', res.data.token) |
|||
wx.switchTab({ |
|||
url: '/pages/home/home' |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
}) |
|||
}, |
|||
fail: (error) => { |
|||
console.log('登录失败！' + error); |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
// 获取用户手机号
|
|||
getPhoneNumber(e) { |
|||
if (!this.data.isAgree) { |
|||
wx.showToast({ |
|||
title: '请先同意协议', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}); |
|||
return; |
|||
} |
|||
|
|||
// 显示加载中
|
|||
this.setData({ |
|||
isLoading: true |
|||
}); |
|||
|
|||
// 检查是否获取到手机号
|
|||
if (e.detail.errMsg === "getPhoneNumber:ok") { |
|||
// 这里应该将加密数据发送到后端进行解密
|
|||
this.data.phoneData.encryptedData = e.detail.encryptedData |
|||
this.data.phoneData.iv = e.detail.iv |
|||
http.getPhoneNumber({ |
|||
data: this.data.phoneData, |
|||
success: res => { |
|||
if (res.code == 200) { |
|||
wx.setStorageSync('token', res.token) |
|||
|
|||
setTimeout(() => { |
|||
wx.switchTab({ |
|||
url: '/pages/home/home' |
|||
}); |
|||
}, 1500); |
|||
|
|||
this.setData({ |
|||
isLoading: false |
|||
}) |
|||
wx.showToast({ |
|||
title: '登录成功', |
|||
icon: 'success', |
|||
duration: 2000 |
|||
}); |
|||
}else{ |
|||
wx.showToast({ |
|||
title: res.msg, |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}); |
|||
this.setData({ |
|||
isLoading:false |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} else { |
|||
// 用户拒绝授权
|
|||
this.setData({ |
|||
isLoading: false |
|||
}); |
|||
|
|||
wx.showToast({ |
|||
title: '需要手机号授权才能登录', |
|||
icon: 'none', |
|||
duration: 2000 |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
// 切换协议同意状态
|
|||
toggleAgreement() { |
|||
this.setData({ |
|||
isAgree: !this.data.isAgree |
|||
}); |
|||
}, |
|||
|
|||
// 显示用户协议
|
|||
showAgreement() { |
|||
const content = `欢迎您使用与牧同行服务！
|
|||
一、服务说明 |
|||
与牧同行为您提供智慧放牧管理、牲畜追踪、草场监测等服务。通过我们的平台，您可以更高效地管理牧场资源，提升放牧效率。 |
|||
二、账号注册 |
|||
1. 您需要使用手机号完成注册 |
|||
2. 您应保证提供的信息真实、准确、完整 |
|||
3. 您对账号安全负全部责任 |
|||
三、使用规范 |
|||
1. 不得利用本服务从事任何违法违规活动 |
|||
2. 不得干扰或破坏本服务的正常运行 |
|||
3. 遵守相关法律法规和平台规则 |
|||
四、服务变更与终止 |
|||
我们可能根据需要变更服务内容，如您不同意变更，可停止使用本服务。 |
|||
五、免责声明 |
|||
对于不可抗力、网络问题等导致的服务中断，我们不承担相应责任。 |
|||
六、法律适用 |
|||
本协议受中华人民共和国法律管辖。 |
|||
感谢您选择与牧同行！`;
|
|||
|
|||
this.setData({ |
|||
showAgreementModal: true, |
|||
modalTitle: '用户协议', |
|||
modalContent: content |
|||
}); |
|||
}, |
|||
|
|||
// 显示隐私政策
|
|||
showPrivacy() { |
|||
const content = `与牧同行隐私政策
|
|||
我们深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。 |
|||
一、我们如何收集和使用您的个人信息 |
|||
我们仅会出于本政策所述的以下目的，收集和使用您的个人信息： |
|||
1. 账号注册：手机号 |
|||
2. 服务提供：位置信息、设备信息 |
|||
3. 安全保障：登录日志、操作记录 |
|||
二、我们如何共享、转让、公开披露您的个人信息 |
|||
1. 我们不会与任何公司、组织和个人共享您的个人信息 |
|||
2. 我们不会将您的个人信息转让给任何公司、组织和个人 |
|||
3. 我们仅会在法律要求的情况下公开披露您的个人信息 |
|||
三、我们如何保护您的个人信息 |
|||
1. 我们已使用符合业界标准的安全防护措施保护您提供的个人信息 |
|||
2. 我们会采取合理可行的措施，确保未收集无关的个人信息 |
|||
四、您的权利 |
|||
您有权访问、更正、删除您的个人信息，以及改变您授权同意的范围或撤回授权。 |
|||
五、我们如何处理儿童的个人信息 |
|||
我们的服务主要面向成人。如果没有父母或监护人的同意，儿童不应创建自己的个人信息主体账户。 |
|||
六、本政策如何更新 |
|||
我们可能适时修订本政策内容，并通过公告等方式通知您。 |
|||
如有任何疑问，请通过客服渠道联系我们。`;
|
|||
|
|||
this.setData({ |
|||
showAgreementModal: true, |
|||
modalTitle: '隐私政策', |
|||
modalContent: content |
|||
}); |
|||
}, |
|||
|
|||
// 隐藏弹窗
|
|||
hideModal() { |
|||
this.setData({ |
|||
showAgreementModal: false |
|||
}); |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText":"登录", |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,90 @@ |
|||
<view class="login-container"> |
|||
<!-- 顶部波浪背景 --> |
|||
<view class="wave-background"> |
|||
<view class="wave wave-1"></view> |
|||
<view class="wave wave-2"></view> |
|||
<view class="wave wave-3"></view> |
|||
</view> |
|||
|
|||
<!-- 装饰元素 --> |
|||
<view class="decorations"> |
|||
<view class="cloud cloud-1"></view> |
|||
<view class="cloud cloud-2"></view> |
|||
<view class="cloud cloud-3"></view> |
|||
<view class="grass grass-1"></view> |
|||
<view class="grass grass-2"></view> |
|||
<view class="grass grass-3"></view> |
|||
<view class="sheep"></view> |
|||
</view> |
|||
|
|||
<!-- 主要内容区域 --> |
|||
<view class="main-content"> |
|||
<!-- Logo区域 --> |
|||
<view class="logo-section"> |
|||
<view class="logo-container"> |
|||
<view class="logo-circle"> |
|||
<view class="logo-inner"> |
|||
<text class="logo-text">牧</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<text class="app-title">与牧同行</text> |
|||
</view> |
|||
|
|||
<!-- 登录区域 --> |
|||
<view class="login-section"> |
|||
<view class="welcome-text"> |
|||
<text class="welcome-main">欢迎回来</text> |
|||
<text class="welcome-desc">请使用手机号快捷登录</text> |
|||
</view> |
|||
|
|||
<!-- 手机号登录按钮 --> |
|||
<button class="phone-login-btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" hover-class="phone-btn-hover"> |
|||
<view class="btn-inner"> |
|||
<image src="/pages/images/sjh.png" mode="" /> |
|||
<text class="btn-text">手机号快捷登录</text> |
|||
</view> |
|||
</button> |
|||
|
|||
<!-- 协议确认 --> |
|||
<view class="agreement-section"> |
|||
<view class="agreement-checkbox {{isAgree ? 'checked' : ''}}" bindtap="toggleAgreement"> |
|||
<text class="checkmark" wx:if="{{isAgree}}">✓</text> |
|||
</view> |
|||
<view class="agreement-text"> |
|||
我已阅读并同意 |
|||
<view class="link" bindtap="showAgreement">《用户协议》</view> |
|||
和 |
|||
<view class="link" bindtap="showPrivacy">《隐私政策》</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 底部装饰 --> |
|||
<view class="bottom-decor"> |
|||
<view class="bottom-wave"></view> |
|||
</view> |
|||
|
|||
<!-- 协议弹窗 --> |
|||
<view class="agreement-modal" wx:if="{{showAgreementModal}}"> |
|||
<view class="modal-mask" bindtap="hideModal"></view> |
|||
<view class="modal-content"> |
|||
<view class="modal-header"> |
|||
<text class="modal-title">{{modalTitle}}</text> |
|||
<view class="modal-close" bindtap="hideModal">×</view> |
|||
</view> |
|||
<scroll-view class="modal-body" scroll-y> |
|||
<text class="modal-text">{{modalContent}}</text> |
|||
</scroll-view> |
|||
</view> |
|||
</view> |
|||
|
|||
<!-- 加载提示 --> |
|||
<view class="loading-mask" wx:if="{{isLoading}}"> |
|||
<view class="loading-content"> |
|||
<view class="loading-spinner"></view> |
|||
<text class="loading-text">登录中...</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,506 @@ |
|||
/* pages/login/login.wxss */ |
|||
|
|||
.login-container { |
|||
height: 100vh; |
|||
width: 100%; |
|||
position: relative; |
|||
overflow: hidden; |
|||
background: linear-gradient(180deg, #f8fafc 0%, #f0f9ff 100%); |
|||
} |
|||
|
|||
/* 波浪背景 */ |
|||
.wave-background { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 400rpx; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.wave { |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 200%; |
|||
height: 100%; |
|||
background: linear-gradient(90deg, #86D8D0 0%, #A8E6CF 100%); |
|||
border-radius: 0 0 50% 50%; |
|||
animation: waveMove 15s linear infinite; |
|||
} |
|||
|
|||
.wave-1 { |
|||
opacity: 0.7; |
|||
animation-delay: 0s; |
|||
} |
|||
|
|||
.wave-2 { |
|||
opacity: 0.5; |
|||
animation-delay: 5s; |
|||
background: linear-gradient(90deg, #7ACCC4 0%, #98D6C6 100%); |
|||
} |
|||
|
|||
.wave-3 { |
|||
opacity: 0.3; |
|||
animation-delay: 10s; |
|||
background: linear-gradient(90deg, #6EC0B8 0%, #88C6BD 100%); |
|||
} |
|||
|
|||
@keyframes waveMove { |
|||
0% { |
|||
transform: translateX(0) rotate(0deg); |
|||
} |
|||
|
|||
50% { |
|||
transform: translateX(-25%) rotate(1deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: translateX(-50%) rotate(0deg); |
|||
} |
|||
} |
|||
|
|||
/* 装饰元素 */ |
|||
.decorations { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
pointer-events: none; |
|||
} |
|||
|
|||
.cloud { |
|||
position: absolute; |
|||
background-color: rgba(255, 255, 255, 0.9); |
|||
border-radius: 100rpx; |
|||
} |
|||
|
|||
.cloud-1 { |
|||
width: 120rpx; |
|||
height: 40rpx; |
|||
top: 120rpx; |
|||
left: 10%; |
|||
box-shadow: |
|||
20rpx 0 0 0 rgba(255, 255, 255, 0.9), |
|||
40rpx 0 0 0 rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
.cloud-2 { |
|||
width: 90rpx; |
|||
height: 30rpx; |
|||
top: 80rpx; |
|||
right: 15%; |
|||
box-shadow: |
|||
15rpx 0 0 0 rgba(255, 255, 255, 0.9), |
|||
30rpx 0 0 0 rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
.cloud-3 { |
|||
width: 70rpx; |
|||
height: 25rpx; |
|||
top: 180rpx; |
|||
left: 70%; |
|||
box-shadow: |
|||
12rpx 0 0 0 rgba(255, 255, 255, 0.9), |
|||
24rpx 0 0 0 rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
.grass { |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 8rpx; |
|||
background-color: #86D8D0; |
|||
border-radius: 4rpx 4rpx 0 0; |
|||
} |
|||
|
|||
.grass-1 { |
|||
height: 80rpx; |
|||
left: 20%; |
|||
} |
|||
|
|||
.grass-2 { |
|||
height: 60rpx; |
|||
left: 35%; |
|||
} |
|||
|
|||
.grass-3 { |
|||
height: 100rpx; |
|||
left: 50%; |
|||
} |
|||
|
|||
.grass:before, |
|||
.grass:after { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 8rpx; |
|||
background-color: #86D8D0; |
|||
border-radius: 4rpx; |
|||
} |
|||
|
|||
.grass:before { |
|||
height: 40rpx; |
|||
transform: rotate(-30deg); |
|||
top: -20rpx; |
|||
left: -10rpx; |
|||
} |
|||
|
|||
.grass:after { |
|||
height: 30rpx; |
|||
transform: rotate(30deg); |
|||
top: -15rpx; |
|||
right: -10rpx; |
|||
} |
|||
|
|||
.sheep { |
|||
position: absolute; |
|||
bottom: 120rpx; |
|||
right: 20%; |
|||
width: 80rpx; |
|||
height: 50rpx; |
|||
background-color: white; |
|||
border-radius: 50%; |
|||
box-shadow: |
|||
-15rpx -10rpx 0 0 white, |
|||
15rpx -8rpx 0 0 white; |
|||
} |
|||
|
|||
.sheep:before { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 20rpx; |
|||
height: 20rpx; |
|||
background-color: #333; |
|||
border-radius: 50%; |
|||
top: -5rpx; |
|||
left: 15rpx; |
|||
} |
|||
|
|||
/* 主要内容区域 */ |
|||
.main-content { |
|||
position: relative; |
|||
z-index: 10; |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
padding: 0 60rpx; |
|||
padding-top: 120rpx; |
|||
} |
|||
|
|||
/* Logo区域 */ |
|||
.logo-section { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
margin-bottom: 120rpx; |
|||
} |
|||
|
|||
.logo-container { |
|||
margin-bottom: 40rpx; |
|||
} |
|||
|
|||
.logo-circle { |
|||
width: 180rpx; |
|||
height: 180rpx; |
|||
border-radius: 50%; |
|||
background: linear-gradient(135deg, #86D8D0 0%, #6BC4BC 100%); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
box-shadow: |
|||
0 20rpx 40rpx rgba(134, 216, 208, 0.3), |
|||
inset 0 -4rpx 8rpx rgba(107, 196, 188, 0.4), |
|||
inset 0 4rpx 8rpx rgba(255, 255, 255, 0.8); |
|||
position: relative; |
|||
} |
|||
|
|||
.logo-circle:before { |
|||
content: ''; |
|||
position: absolute; |
|||
width: 160rpx; |
|||
height: 160rpx; |
|||
border-radius: 50%; |
|||
border: 2rpx solid rgba(255, 255, 255, 0.3); |
|||
} |
|||
|
|||
.logo-inner { |
|||
width: 140rpx; |
|||
height: 140rpx; |
|||
border-radius: 50%; |
|||
background: white; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
box-shadow: |
|||
inset 0 4rpx 8rpx rgba(134, 216, 208, 0.2), |
|||
0 4rpx 8rpx rgba(0, 0, 0, 0.1); |
|||
} |
|||
|
|||
.logo-text { |
|||
font-size: 64rpx; |
|||
font-weight: bold; |
|||
color: #86D8D0; |
|||
letter-spacing: 4rpx; |
|||
} |
|||
|
|||
.app-title { |
|||
font-size: 56rpx; |
|||
font-weight: 700; |
|||
color: #333; |
|||
margin-bottom: 16rpx; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
|
|||
|
|||
/* 登录区域 */ |
|||
.login-section { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.welcome-text { |
|||
text-align: center; |
|||
margin-bottom: 80rpx; |
|||
} |
|||
|
|||
.welcome-main { |
|||
display: block; |
|||
font-size: 44rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
margin-bottom: 16rpx; |
|||
} |
|||
|
|||
.welcome-desc { |
|||
display: block; |
|||
font-size: 28rpx; |
|||
color: #888; |
|||
font-weight: 300; |
|||
} |
|||
|
|||
/* 手机号登录按钮 */ |
|||
.phone-login-btn { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
border-radius: 50rpx; |
|||
background: linear-gradient(to right, #86D8D0, #6BC4BC); |
|||
box-shadow: |
|||
0 12rpx 24rpx rgba(134, 216, 208, 0.3), |
|||
0 4rpx 12rpx rgba(0, 0, 0, 0.08); |
|||
margin-bottom: 50rpx; |
|||
transition: all 0.3s ease; |
|||
} |
|||
|
|||
.phone-btn-hover { |
|||
transform: translateY(-4rpx); |
|||
box-shadow: |
|||
0 16rpx 32rpx rgba(134, 216, 208, 0.4), |
|||
0 6rpx 16rpx rgba(0, 0, 0, 0.12); |
|||
} |
|||
|
|||
.btn-inner { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
} |
|||
|
|||
.btn-inner image { |
|||
width: 45rpx; |
|||
height: 45rpx; |
|||
padding: 0 20rpx; |
|||
} |
|||
|
|||
|
|||
.btn-text { |
|||
color: white; |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
/* 协议确认 */ |
|||
.agreement-section { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.agreement-checkbox { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
border: 2rpx solid #ccc; |
|||
border-radius: 6rpx; |
|||
margin-right: 16rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
transition: all 0.2s ease; |
|||
} |
|||
|
|||
.agreement-checkbox.checked { |
|||
background-color: #86D8D0; |
|||
border-color: #86D8D0; |
|||
} |
|||
|
|||
.checkmark { |
|||
color: white; |
|||
font-size: 24rpx; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.agreement-text { |
|||
font-size: 24rpx; |
|||
color: #888; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.link { |
|||
color: #86D8D0; |
|||
} |
|||
|
|||
/* 底部装饰 */ |
|||
.bottom-decor { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 60rpx; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.bottom-wave { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 200%; |
|||
height: 200%; |
|||
background: linear-gradient(90deg, #86D8D0 0%, #A8E6CF 100%); |
|||
border-radius: 50% 50% 0 0; |
|||
animation: bottomWave 20s linear infinite; |
|||
} |
|||
|
|||
@keyframes bottomWave { |
|||
0% { |
|||
transform: translateX(0) rotate(0deg); |
|||
} |
|||
|
|||
50% { |
|||
transform: translateX(-25%) rotate(0.5deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: translateX(-50%) rotate(0deg); |
|||
} |
|||
} |
|||
|
|||
/* 协议弹窗 */ |
|||
.agreement-modal { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1000; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.modal-mask { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
.modal-content { |
|||
position: relative; |
|||
width: 85%; |
|||
max-height: 80%; |
|||
background-color: white; |
|||
border-radius: 24rpx; |
|||
overflow: hidden; |
|||
box-shadow: 0 20rpx 60rpx rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
.modal-header { |
|||
padding: 40rpx; |
|||
border-bottom: 1rpx solid #f0f0f0; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.modal-title { |
|||
font-size: 36rpx; |
|||
font-weight: 600; |
|||
color: #333; |
|||
} |
|||
|
|||
.modal-close { |
|||
font-size: 48rpx; |
|||
color: #999; |
|||
line-height: 1; |
|||
} |
|||
|
|||
.modal-body { |
|||
max-height: 600rpx; |
|||
padding: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.modal-text { |
|||
font-size: 28rpx; |
|||
color: #666; |
|||
line-height: 1.8; |
|||
padding: 20rpx 0; |
|||
} |
|||
|
|||
/* 加载提示 */ |
|||
.loading-mask { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: rgba(0, 0, 0, 0.5); |
|||
z-index: 1001; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.loading-content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.loading-spinner { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
border: 6rpx solid rgba(134, 216, 208, 0.2); |
|||
border-top-color: #86D8D0; |
|||
border-radius: 50%; |
|||
animation: loadingSpin 1s linear infinite; |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
@keyframes loadingSpin { |
|||
0% { |
|||
transform: rotate(0deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: rotate(360deg); |
|||
} |
|||
} |
|||
|
|||
.loading-text { |
|||
font-size: 28rpx; |
|||
color: #fff; |
|||
font-weight: 300; |
|||
} |
|||
@ -0,0 +1,66 @@ |
|||
// pages/message/message.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
<!--pages/message/message.wxml--> |
|||
<text>pages/message/message.wxml</text> |
|||
@ -0,0 +1 @@ |
|||
/* pages/message/message.wxss */ |
|||
@ -0,0 +1,66 @@ |
|||
// pages/personal/personal.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
<!--pages/personal/personal.wxml--> |
|||
<text>pages/personal/personal.wxml</text> |
|||
@ -0,0 +1 @@ |
|||
/* pages/personal/personal.wxss */ |
|||
@ -0,0 +1,66 @@ |
|||
// pagesA/pages/askingSy/askingSy.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
<!--pagesA/pages/askingSy/askingSy.wxml--> |
|||
<text>pagesA/pages/askingSy/askingSy.wxml</text> |
|||
@ -0,0 +1 @@ |
|||
/* pagesA/pages/askingSy/askingSy.wxss */ |
|||
@ -0,0 +1,66 @@ |
|||
// pagesB/pages/repository/repository.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
<!--pagesB/pages/repository/repository.wxml--> |
|||
<text>pagesB/pages/repository/repository.wxml</text> |
|||
@ -0,0 +1 @@ |
|||
/* pagesB/pages/repository/repository.wxss */ |
|||
@ -0,0 +1,41 @@ |
|||
{ |
|||
"appid": "wxf03bf1d9f08c05f0", |
|||
"compileType": "miniprogram", |
|||
"libVersion": "3.14.2", |
|||
"packOptions": { |
|||
"ignore": [], |
|||
"include": [] |
|||
}, |
|||
"setting": { |
|||
"coverView": true, |
|||
"es6": true, |
|||
"postcss": true, |
|||
"minified": true, |
|||
"enhance": true, |
|||
"showShadowRootInWxmlPanel": true, |
|||
"packNpmRelationList": [], |
|||
"babelSetting": { |
|||
"ignore": [], |
|||
"disablePlugins": [], |
|||
"outputPath": "" |
|||
}, |
|||
"compileWorklet": false, |
|||
"uglifyFileName": false, |
|||
"uploadWithSourceMap": true, |
|||
"packNpmManually": false, |
|||
"minifyWXSS": true, |
|||
"minifyWXML": true, |
|||
"localPlugins": false, |
|||
"condition": false, |
|||
"swc": false, |
|||
"disableSWC": true, |
|||
"disableUseStrict": false, |
|||
"useCompilerPlugins": false |
|||
}, |
|||
"condition": {}, |
|||
"editorSetting": { |
|||
"tabIndent": "auto", |
|||
"tabSize": 2 |
|||
}, |
|||
"simulatorPluginLibVersion": {} |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
{ |
|||
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", |
|||
"projectname": "wxamp-ymtxMerchant", |
|||
"setting": { |
|||
"compileHotReLoad": true, |
|||
"skylineRenderEnable": true, |
|||
"urlCheck": true, |
|||
"coverView": true, |
|||
"lazyloadPlaceholderEnable": false, |
|||
"preloadBackgroundData": false, |
|||
"autoAudits": false, |
|||
"useApiHook": true, |
|||
"useApiHostProcess": true, |
|||
"showShadowRootInWxmlPanel": true, |
|||
"useStaticServer": false, |
|||
"useLanDebug": false, |
|||
"showES6CompileOption": false, |
|||
"bigPackageSizeSupport": false, |
|||
"checkInvalidKey": true, |
|||
"ignoreDevUnusedFiles": true |
|||
}, |
|||
"libVersion": "3.14.2", |
|||
"condition": {} |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html", |
|||
"rules": [{ |
|||
"action": "allow", |
|||
"page": "*" |
|||
}] |
|||
} |
|||
@ -0,0 +1,242 @@ |
|||
//在这里面定义所有接口，一个文件管理所有接口，易于维护
|
|||
import { http } from './http'; // 引入刚刚封装好的http模块，import属于ES6的语法，微信开发者工具必须打开ES6转ES5选项
|
|||
|
|||
// 授权登录接口
|
|||
function login(params) { |
|||
http('/auth/wechat/login', 'post', params) |
|||
} |
|||
|
|||
// 获取手机号接口
|
|||
function getPhoneNumber(params) { |
|||
http('/auth/wechat/bind', 'post', params) |
|||
} |
|||
|
|||
// 轮播
|
|||
function carousel(params) { |
|||
http('/muhu/ads/list', 'get', params) |
|||
} |
|||
|
|||
// 轮播详情
|
|||
function carouselDetail(params) { |
|||
http('/muhu/ads/' + params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 通知公告
|
|||
function disaster(params) { |
|||
http('/muhu/warning/list', 'get', params) |
|||
} |
|||
|
|||
// 通知公告详情
|
|||
function disasterDetail(params) { |
|||
http('/muhu/warning/' + params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 地图导航药店诊所
|
|||
function pharmacy(params) { |
|||
http('/muhu/info/list', 'get', params) |
|||
} |
|||
|
|||
// 办事指南
|
|||
function guidance(params) { |
|||
http('/muhu/guide/list', 'get', params) |
|||
} |
|||
|
|||
// AI问诊快捷词列表
|
|||
function inquiry(params) { |
|||
http('/system/base/list', 'get', params) |
|||
} |
|||
|
|||
// AI问诊模糊搜索
|
|||
function search(params) { |
|||
http('/system/base/search', 'get', params) |
|||
} |
|||
|
|||
// 销售市场
|
|||
function sales(params) { |
|||
http('/muhu/sales/list', 'get', params) |
|||
} |
|||
|
|||
// 饲料市场
|
|||
function feed(params) { |
|||
http('/muhu/feed/list', 'get', params) |
|||
} |
|||
|
|||
// 市场趋势
|
|||
function trend(params) { |
|||
http('/muhu/trend/list', 'get', params) |
|||
} |
|||
|
|||
// 问兽医-问诊单列表
|
|||
function wzd(params) { |
|||
http('/muhu/consultation/list', 'get', params) |
|||
} |
|||
|
|||
// 问兽医-问诊单新增
|
|||
function wzdAdd(params) { |
|||
http('/muhu/consultation', 'post', params) |
|||
} |
|||
|
|||
// 问兽医-兽医回复详情
|
|||
function wzdxq(params) { |
|||
http('/vet/comments/list', 'get', params) |
|||
} |
|||
|
|||
// 专家列表
|
|||
function expertsList(params) { |
|||
http('/vet/experts/list', 'get', params) |
|||
} |
|||
|
|||
// 药品推荐列表
|
|||
function recommendationList(params) { |
|||
http('/system/recommendation/list', 'get', params) |
|||
} |
|||
|
|||
// 药品推荐详情
|
|||
function recommendationXq(params) { |
|||
http('/system/recommendation/'+ params.data.id , 'get', params) |
|||
} |
|||
|
|||
// 知识库查询列表
|
|||
function queryList(params) { |
|||
http('/system/query/list', 'get', params) |
|||
} |
|||
|
|||
// 知识库查询提示
|
|||
function tipList(params) { |
|||
http('/system/tip/list', 'get', params) |
|||
} |
|||
|
|||
// 在线培训文章发布
|
|||
function article(params) { |
|||
http('/vet/knowledge/published/list', 'get', params) |
|||
} |
|||
|
|||
// 文章分类字典
|
|||
function articleZd(params) { |
|||
http('/system/dict/data/list', 'get', params) |
|||
} |
|||
|
|||
// 在线培训文章发布详情
|
|||
function articleDetails(params) { |
|||
http('/vet/knowledge/published/' + params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 政策解读列表
|
|||
function policyelucidation(params) { |
|||
http('/system/interpretation/published/list', 'get', params) |
|||
} |
|||
|
|||
// 政策解读详情
|
|||
function policyeDetails(params) { |
|||
http('/system/interpretation/published/' + params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 政策解读类型字典
|
|||
function policyeZd(params) { |
|||
http('/system/dict/data/list', 'get', params) |
|||
} |
|||
|
|||
// 行政区划
|
|||
function areaChildren(params) { |
|||
http('/muhu/user/areaChildren', 'get', params) |
|||
} |
|||
|
|||
// 提交行政区划信息
|
|||
function userCode(params) { |
|||
http('/muhu/user/saveUserAreaCode/' + params.data.areaCode, 'put', params) |
|||
} |
|||
|
|||
// 查询用户信息
|
|||
function UserInfo(params) { |
|||
http('/muhu/user/getUserInfo', 'get', params) |
|||
} |
|||
|
|||
// 视频列表
|
|||
function videoList(params) { |
|||
http('/vet/training/public/list', 'get', params) |
|||
} |
|||
|
|||
// 视频详情
|
|||
function videoDetails(params) { |
|||
http('/vet/training/public/'+params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 视频字典
|
|||
function videoZd(params) { |
|||
http('/system/dict/data/list', 'get', params) |
|||
} |
|||
|
|||
//在线问答列表
|
|||
function forumList(params) { |
|||
http('/system/questions/list', 'get', params) |
|||
} |
|||
|
|||
//在线问答详情
|
|||
function forumDetails(params) { |
|||
http('/system/questions/'+params.data.id, 'get', params) |
|||
} |
|||
|
|||
//在线问答新增帖子
|
|||
function forumAdd(params) { |
|||
http('/system/questions', 'post', params) |
|||
} |
|||
|
|||
//在线问答详情回复
|
|||
function forumReply(params) { |
|||
http('/system/answers/list', 'get', params) |
|||
} |
|||
|
|||
//新增回复
|
|||
function commentReply(params) { |
|||
http('/system/answers', 'post', params) |
|||
} |
|||
|
|||
// 经验分享列表
|
|||
function experience(params) { |
|||
http('/vet/article/list', 'get', params) |
|||
} |
|||
|
|||
// 经验分享详情
|
|||
function experienceDetails(params) { |
|||
http('/vet/article/' + params.data.id, 'get', params) |
|||
} |
|||
|
|||
// 经验分享分类字典
|
|||
function experiencezd(params) { |
|||
http('/vet/article/options', 'get', params) |
|||
} |
|||
|
|||
// 实名认证
|
|||
function realName(params) { |
|||
http('/muhu/user/auth/submit', 'post', params) |
|||
} |
|||
|
|||
// 上传修改头像
|
|||
function revise(params) { |
|||
http('/muhu/user', 'put', params) |
|||
} |
|||
|
|||
// 个人中心反馈建议
|
|||
function feedback(params) { |
|||
http('/muhu/feedback', 'post', params) |
|||
} |
|||
|
|||
// 预警类型
|
|||
function warningType(params) { |
|||
http('/system/dict/data/list', 'get', params) |
|||
} |
|||
|
|||
// 个人中心今日问诊
|
|||
function today(params) { |
|||
http('/muhu/consultation/today', 'get', params) |
|||
} |
|||
|
|||
|
|||
export default { // 暴露接口
|
|||
login,carousel,disaster,pharmacy,guidance,getPhoneNumber,inquiry,policyeDetails, |
|||
search,trend,feed,sales,wzd,wzdxq,wzdAdd,expertsList,recommendationList,policyeZd, |
|||
recommendationXq,queryList,tipList,article,articleDetails,articleZd,policyelucidation, |
|||
areaChildren,userCode,UserInfo,videoList,videoZd,videoDetails,forumList,forumAdd,forumDetails, |
|||
forumReply,commentReply,experience,experiencezd,experienceDetails,realName,revise,feedback, |
|||
warningType,disasterDetail,today,carouselDetail |
|||
} |
|||
@ -0,0 +1,5 @@ |
|||
// var baseUrl = 'https://wx.chenhaitech.com/ymtx-prod-api'
|
|||
var baseUrl = 'http://192.168.101.109:8080' |
|||
// var baseUrl = 'http://192.168.101.105:8082'
|
|||
// var baseUrl = 'http://192.168.101.111:8081'
|
|||
module.exports = baseUrl |
|||
@ -0,0 +1,8 @@ |
|||
|
|||
@font-face { |
|||
font-family: "思源宋体 Light" !important; |
|||
font-weight: 300; |
|||
src: url("/pages/images/EZSx3exf4cjI.woff2") format("woff2"), |
|||
url("/pages/images/EZSx3exf4cjI.woff") format("woff"); |
|||
font-display: swap; |
|||
} |
|||
@ -0,0 +1,102 @@ |
|||
var baseUrl = require('../utils/baseUrl') |
|||
var ajaxtimes = 0 |
|||
var isShowingTokenExpiredModal = false // 新增：标记是否正在显示token过期弹窗
|
|||
|
|||
module.exports = { |
|||
http(url, method, params) { |
|||
//发送一次请求就加1
|
|||
ajaxtimes++ |
|||
let token = 'token' // 获取token，自行获取token和签名，token和签名表示每个接口都要发送的数据
|
|||
let sign = 'sign' // 获取签名 (后台怎么定义的，就传什么)
|
|||
let data = { |
|||
token, |
|||
sign |
|||
} |
|||
|
|||
wx.showLoading({ |
|||
title: '加载中...', |
|||
}) |
|||
|
|||
let urls = baseUrl + url |
|||
if (params.data) { // 在这里判断一下data是否存在，params表示前端需要传递的数据，params是一个对象，有三组键值对，data：表示请求要发送的数据，success：成功的回调，fail：失败的回调，这三个字段可缺可无，其余字段会忽略
|
|||
for (let key in params.data) { // 在这里判断传过来的参数值为null，就删除这个属性
|
|||
if (params.data[key] == null || params.data[key] == 'null') { |
|||
delete params.data[key] |
|||
} |
|||
} |
|||
data = { |
|||
...data, |
|||
...params.data |
|||
} |
|||
} |
|||
|
|||
if (params.id) { |
|||
urls = urls + '/' + params.id |
|||
} |
|||
// console.log(urls);
|
|||
var value = null |
|||
try { |
|||
value = wx.getStorageSync('token') |
|||
if (value) { |
|||
// console.log(value);
|
|||
} |
|||
} catch (e) { |
|||
// Do something when catch error
|
|||
} |
|||
wx.request({ |
|||
url: urls, // 就是拼接上前缀,此接口域名是开放接口，可访问
|
|||
method: method, // 判断请求类型，除了值等于'post'外，其余值均视作get 其他的请求类型也可以自己加上的 method: method == 'post' ? 'post' : 'get'
|
|||
data, |
|||
header: { |
|||
'content-type': 'application/json', |
|||
'Authorization':'Bearer '+ value |
|||
}, |
|||
success(res) { |
|||
// console.log(res);
|
|||
if(res.data.code == 401){ |
|||
// 只在没有显示弹窗时才显示
|
|||
if (!isShowingTokenExpiredModal) { |
|||
isShowingTokenExpiredModal = true |
|||
wx.showModal({ |
|||
title: '提示', |
|||
content: '登录已过期,请重新登录', |
|||
success (res) { |
|||
if (res.confirm) { |
|||
// 重置标记
|
|||
isShowingTokenExpiredModal = false |
|||
wx.reLaunch({ |
|||
url: '/pages/login/login', |
|||
}) |
|||
} else if (res.cancel) { |
|||
// 重置标记
|
|||
isShowingTokenExpiredModal = false |
|||
} |
|||
}, |
|||
// 确保在模态框关闭时重置标记
|
|||
complete: function() { |
|||
// 如果success回调没有执行（例如直接点击蒙层关闭），在这里重置标记
|
|||
setTimeout(() => { |
|||
isShowingTokenExpiredModal = false |
|||
}, 300) |
|||
} |
|||
}) |
|||
} |
|||
// 401错误时，不调用params.success，直接返回
|
|||
return |
|||
} else { |
|||
params.success && params.success(res.data) |
|||
} |
|||
}, |
|||
fail(err) { |
|||
params.fail && params.fail(err) |
|||
}, |
|||
complete(){ |
|||
//完成一次请求就减一
|
|||
ajaxtimes--; |
|||
if(ajaxtimes===0){ |
|||
wx.hideLoading() |
|||
} |
|||
}, |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
// 通知 |
|||
function type(name) { |
|||
if(name=='紧急'){ |
|||
return 'urgent' |
|||
}else if(name=='重要'){ |
|||
return 'important' |
|||
}else{ |
|||
return 'normal' |
|||
} |
|||
} |
|||
|
|||
// 严重程度区分 |
|||
function ztLevel(type) { |
|||
if(type=='轻度'){ |
|||
return 'low' |
|||
}else if(type=='中度'){ |
|||
return 'moderate' |
|||
}else{ |
|||
return 'high' |
|||
} |
|||
} |
|||
|
|||
// 药品标签 |
|||
function medicineType(type) { |
|||
if(type=='处方药'){ |
|||
return 'prescription' |
|||
}else if(type=='非处方药'){ |
|||
return 'otc' |
|||
}else if(type=='中成药'){ |
|||
return 'chinese' |
|||
}else{ |
|||
return 'health' |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
module.exports = { |
|||
type:type, |
|||
ztLevel:ztLevel, |
|||
medicineType:medicineType |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
const formatTime = date => { |
|||
const year = date.getFullYear() |
|||
const month = date.getMonth() + 1 |
|||
const day = date.getDate() |
|||
const hour = date.getHours() |
|||
const minute = date.getMinutes() |
|||
const second = date.getSeconds() |
|||
|
|||
return `${[year, month, day].map(formatNumber).join('/')} ${[hour, minute, second].map(formatNumber).join(':')}` |
|||
} |
|||
|
|||
const formatNumber = n => { |
|||
n = n.toString() |
|||
return n[1] ? n : `0${n}` |
|||
} |
|||
|
|||
module.exports = { |
|||
formatTime |
|||
} |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue