parent
5a441a2188
commit
61d2383593
19 changed files with 557 additions and 167 deletions
@ -0,0 +1,14 @@ |
|||||||
|
import request from '@/apis/request.js' |
||||||
|
const { get, post } = request |
||||||
|
|
||||||
|
export const queryClassificationByType = id => { |
||||||
|
return post('nakadai/nakadai/partner/article/classification/queryClassificationByType?typeId=' + id) |
||||||
|
} |
||||||
|
|
||||||
|
export const schemeList = data => { |
||||||
|
return post('nakadai/nakadai/partner/schemeManagement/schemeList', data) |
||||||
|
} |
||||||
|
|
||||||
|
export const schemeFindById = id => { |
||||||
|
return post('nakadai/nakadai/partner/schemeManagement/findById?id=' + id) |
||||||
|
} |
After Width: | Height: | Size: 197 B |
@ -0,0 +1,83 @@ |
|||||||
|
<template> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="title">{{ form.title }}</view> |
||||||
|
|
||||||
|
<view class="text">{{ form.applicableMajor }}</view> |
||||||
|
<view class="text">{{ form.schemeIntroduction }}</view> |
||||||
|
<view class="text">{{ form.product }}</view> |
||||||
|
<template v-if="form.fileName"> |
||||||
|
<view class="file">{{ form.fileName }}</view> |
||||||
|
<view class="detail" @click.stop="download">下载</view> |
||||||
|
</template> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { schemeFindById } from '@/apis/modules/article.js' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
id: '', |
||||||
|
form: { |
||||||
|
totalBrowsing: '' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
onShow() { |
||||||
|
const pages = getCurrentPages() |
||||||
|
const { options } = pages[pages.length - 1] |
||||||
|
this.id = options.id |
||||||
|
this.getInfo() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取详情 |
||||||
|
getInfo() { |
||||||
|
uni.showLoading({ |
||||||
|
title: '加载中' |
||||||
|
}) |
||||||
|
schemeFindById(this.id).then(({ data }) => { |
||||||
|
if (data.productList) data.product = data.productList.map(e => e.productName).join('、') |
||||||
|
this.form = data |
||||||
|
uni.hideLoading() |
||||||
|
}).catch(e => { |
||||||
|
uni.hideLoading() |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 下载方案文件 |
||||||
|
download() { |
||||||
|
uni.setStorageSync('files', { |
||||||
|
copyWriting: this.form.title, |
||||||
|
fileName: [this.form.fileName], |
||||||
|
urls: [this.form.schemeFile] |
||||||
|
}) |
||||||
|
this.$util.to(`/team/send/send`) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
.wrap { |
||||||
|
padding: 30rpx; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
.title { |
||||||
|
font-size: 34rpx; |
||||||
|
font-weight: 600; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
.text { |
||||||
|
margin: 20rpx 0; |
||||||
|
font-size: 28rpx; |
||||||
|
line-height: 1.6; |
||||||
|
} |
||||||
|
.file { |
||||||
|
margin: 20rpx 0; |
||||||
|
font-size: 26rpx; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
.detail { |
||||||
|
font-size: 30rpx; |
||||||
|
color: #1f83ff; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,10 @@ |
|||||||
|
## 0.2.1(2022-05-09) |
||||||
|
- 修复 content 为空时仍然弹出的bug |
||||||
|
## 0.2.0(2022-05-07) |
||||||
|
**注意:破坏性更新** |
||||||
|
- 更新 text 属性变更为 content |
||||||
|
- 更新 移除 width 属性 |
||||||
|
## 0.1.1(2022-04-27) |
||||||
|
- 修复 组件根 text 嵌套组件 warning |
||||||
|
## 0.1.0(2022-04-21) |
||||||
|
- 初始化 |
@ -0,0 +1,70 @@ |
|||||||
|
<template> |
||||||
|
<view class="uni-tooltip"> |
||||||
|
<slot></slot> |
||||||
|
<view v-if="content || $slots.content" class="uni-tooltip-popup"> |
||||||
|
<slot name="content"> |
||||||
|
{{content}} |
||||||
|
</slot> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
|
||||||
|
<script> |
||||||
|
/** |
||||||
|
* Tooltip 提示文字 |
||||||
|
* @description 常用于展示鼠标 hover 时的提示信息。 |
||||||
|
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip |
||||||
|
* @property {String} content 弹出层显示的内容 |
||||||
|
* @property {String} placement出现位置, 目前只支持 left |
||||||
|
*/ |
||||||
|
|
||||||
|
|
||||||
|
export default { |
||||||
|
name: "uni-tooltip", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
props: { |
||||||
|
content: { |
||||||
|
type: String, |
||||||
|
default: '' |
||||||
|
}, |
||||||
|
|
||||||
|
placement: { |
||||||
|
type: String, |
||||||
|
default: 'bottom' |
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.uni-tooltip { |
||||||
|
position: relative; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
.uni-tooltip-popup { |
||||||
|
z-index: 1000; |
||||||
|
display: none; |
||||||
|
position: absolute; |
||||||
|
top: 40rpx; |
||||||
|
left: 0; |
||||||
|
max-width: 90%; |
||||||
|
background-color: #333; |
||||||
|
border-radius: 8px; |
||||||
|
color: #fff; |
||||||
|
font-size: 12px; |
||||||
|
text-align: left; |
||||||
|
line-height: 16px; |
||||||
|
padding: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.uni-tooltip:hover .uni-tooltip-popup { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,83 @@ |
|||||||
|
{ |
||||||
|
"id": "uni-tooltip", |
||||||
|
"displayName": "uni-tooltip", |
||||||
|
"version": "0.2.1", |
||||||
|
"description": "Tooltip 提示文字", |
||||||
|
"keywords": [ |
||||||
|
"uni-tooltip", |
||||||
|
"uni-ui", |
||||||
|
"tooltip", |
||||||
|
"tip", |
||||||
|
"文字提示" |
||||||
|
], |
||||||
|
"repository": "", |
||||||
|
"engines": { |
||||||
|
}, |
||||||
|
"dcloudext": { |
||||||
|
"category": [ |
||||||
|
"前端组件", |
||||||
|
"通用组件" |
||||||
|
], |
||||||
|
"sale": { |
||||||
|
"regular": { |
||||||
|
"price": "0.00" |
||||||
|
}, |
||||||
|
"sourcecode": { |
||||||
|
"price": "0.00" |
||||||
|
} |
||||||
|
}, |
||||||
|
"contact": { |
||||||
|
"qq": "" |
||||||
|
}, |
||||||
|
"declaration": { |
||||||
|
"ads": "无 ", |
||||||
|
"data": "无", |
||||||
|
"permissions": "无" |
||||||
|
}, |
||||||
|
"npmurl": "" |
||||||
|
}, |
||||||
|
"uni_modules": { |
||||||
|
"dependencies": [], |
||||||
|
"encrypt": [], |
||||||
|
"platforms": { |
||||||
|
"cloud": { |
||||||
|
"tcb": "y", |
||||||
|
"aliyun": "y" |
||||||
|
}, |
||||||
|
"client": { |
||||||
|
"Vue": { |
||||||
|
"vue2": "y", |
||||||
|
"vue3": "y" |
||||||
|
}, |
||||||
|
"App": { |
||||||
|
"app-vue": "y", |
||||||
|
"app-nvue": "u" |
||||||
|
}, |
||||||
|
"H5-mobile": { |
||||||
|
"Safari": "y", |
||||||
|
"Android Browser": "y", |
||||||
|
"微信浏览器(Android)": "y", |
||||||
|
"QQ浏览器(Android)": "y" |
||||||
|
}, |
||||||
|
"H5-pc": { |
||||||
|
"Chrome": "y", |
||||||
|
"IE": "y", |
||||||
|
"Edge": "y", |
||||||
|
"Firefox": "y", |
||||||
|
"Safari": "y" |
||||||
|
}, |
||||||
|
"小程序": { |
||||||
|
"微信": "y", |
||||||
|
"阿里": "u", |
||||||
|
"百度": "u", |
||||||
|
"字节跳动": "u", |
||||||
|
"QQ": "u" |
||||||
|
}, |
||||||
|
"快应用": { |
||||||
|
"华为": "u", |
||||||
|
"联盟": "u" |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,8 @@ |
|||||||
|
## Badge 数字角标 |
||||||
|
> **组件名:uni-tooltip** |
||||||
|
> 代码块: `uTooltip` |
||||||
|
|
||||||
|
数字角标一般和其它控件(列表、9宫格等)配合使用,用于进行数量提示,默认为实心灰色背景, |
||||||
|
|
||||||
|
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-tooltip) |
||||||
|
#### 如使用过程中有任何问题,或者您对uni-ui有一些好的建议,欢迎加入 uni-ui 交流群:871950839 |
Loading…
Reference in new issue