63 lines
1.1 KiB
Vue
63 lines
1.1 KiB
Vue
<template>
|
|
<div id="codefund" />
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
export default {
|
|
data() {
|
|
return {
|
|
loadSuccess: true
|
|
}
|
|
},
|
|
watch: {
|
|
'$route.path': {
|
|
handler: function(val, oldVal) {
|
|
this.getCodefund()
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getCodefund()
|
|
},
|
|
methods: {
|
|
getCodefund() {
|
|
if (this.$isServer) return
|
|
const codefundId = this.isGitee()
|
|
? '111'
|
|
: '96'
|
|
const template = 'horizontal'
|
|
axios.get(`https://codefund.io/properties/${codefundId}/funder.html?template=${template}`)
|
|
.then(function(response) {
|
|
document.getElementById('codefund').innerHTML = response.data
|
|
})
|
|
},
|
|
isGitee() {
|
|
const origin = window.location.origin
|
|
if (origin.includes('gitee.io')) {
|
|
return true
|
|
}
|
|
return false
|
|
},
|
|
loadError(oError) {
|
|
this.loadSuccess = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.cf-wrapper {
|
|
margin: 0 !important;
|
|
}
|
|
.fixed-header+#codefund {
|
|
margin-top: 50px;
|
|
}
|
|
.hasTagsView {
|
|
.fixed-header+#codefund {
|
|
margin-top: 84px;
|
|
}
|
|
}
|
|
|
|
</style>
|